v1.1.0/release

website/public/styles/extrasmall.css

@@ -392,22 +392,23 @@ footer .by {
   animation: 2s ease-out 0s infinite loading;
 }
 
-.result-header-contianer {
+.result-header-container {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   margin-top: 5rem;
   flex-direction: column;
   margin-bottom: 2rem;
 }
 
-.result-header-contianer .symptom-container {
-  margin-top: 0;
+.result-header-container .symptom-container {
+  margin: 0;
   flex: 1;
   width: 100%;
 }
 
 .result-header-select {
   width: 100%;
+  margin-top: 2rem;
 }
 
 .result-header-select .overline {
@@ -415,6 +416,17 @@ footer .by {
   margin-bottom: 0.75rem;
 }
 
+
+.result-header-select .overline.errored {
+  margin-bottom: 0;
+  margin-top: 0.75rem;
+  color: #c43d34;
+}
+.result-header-select .overline.success {
+  margin-bottom: 0;
+  margin-top: 0.75rem;
+}
+
 .result-header-select select {
   background-color: var(--color-tertiary);
   border-radius: 1rem;

website/public/styles/medium.css

@@ -109,16 +109,16 @@ footer {
 }
 
 
-.result-header-contianer {
-  margin-bottom: 0;
+.result-header-container {
   flex-direction: row;
 }
 
-.result-header-contianer .symptom-container {
+.result-header-container .symptom-container {
   width: fit-content;
 }
 
 .result-header-select {
+  margin-top: 0rem;
   width: fit-content;
   padding-left: 3rem;
   border-left: 1px solid var(--color-secondary);