commit two

Author: AsavariA

src/assets/scss/components/dropdownOptions.scss

@@ -1,4 +1,4 @@
-.dropdown-main{
+.dropdown-main {
   align-items: center;
   display: flex;
   margin: 0 0.5rem;
@@ -10,4 +10,4 @@
   &:not(:first-of-type) {
     margin-left: 48px;
   }
- }
+ }

src/assets/scss/components/footer.scss

@@ -12,10 +12,10 @@
   .footer-main {
     flex-direction: column;
 
-    p{
-      padding: 0.3rem 0;
+    p {
       margin: 0;
       margin-bottom: 1rem;
+      padding: 0.3rem 0;
     }
 
     a {

src/assets/scss/components/roadmap.scss

@@ -62,26 +62,26 @@
 }
 
 @media (max-width: 900px) {
-  .roadmap-container{
+  .roadmap-container {
     display: flex;
     // justify-content: center;
   }
 
   .roadmap {
+    align-items: flex-start;
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
     // margin-bottom: 32px;
     position: relative;
 
     &::before {
       border-left: 1px solid gray;
-      border-top: none;
+      border-top: 0;
       content: '';
-      position: absolute;
+      height: 80%;
       left: 23px;
+      position: absolute;
       width: 100%;
-      height: 80%;
       z-index: 1;
     }
 

src/assets/scss/components/search.scss

@@ -31,7 +31,7 @@
   }
 }
 
-.search{
+.search {
   margin: 0.5rem;
 }
 
@@ -79,10 +79,10 @@
   .search-input {
     input {
       border: 0px;
+      max-width: 4rem;
+      min-width: 2rem;
       outline: none;
       padding: 0.3rem;
-      min-width: 2rem;
-      max-width: 4rem;
       // width: 147px;
     }
   }

src/assets/scss/components/storiesList.scss

@@ -49,18 +49,18 @@
   margin: 0px 16px;
   width: 40%;
 
-  h3{
+  h3 {
     margin-bottom: 0.3rem;
   }
 
-  p{
+  p {
     margin-top: 0.3rem;
   }
 }
 
-.story-small-details{
-  display: flex;
+.story-small-details {
   align-items: center;
+  display: flex;
   justify-content: space-between;
   width: 40%;
 }
@@ -77,7 +77,7 @@
     width: 100%;
   }
 
-  .story-small-details{
+  .story-small-details {
     width: 100%;
   }
 }
@@ -90,30 +90,30 @@
 // }
 
 @media only screen and (max-width: 450px) {
-  .story-small-details{
+  .story-small-details {
+    align-items: flex-start;
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
-    justify-content: space-between;
     height: 9rem;
+    justify-content: space-between;
   }
 
-  .story-subcontent{
+  .story-subcontent {
     flex-direction: row;
     justify-content: space-between;
 
-    small{
+    small {
       margin: 0 16px;
     }
 
-    a{
+    a {
       margin: 0 16px;
     }
   }
 
-  .s-metas{
+  .s-metas {
     flex-direction: row;
-    width:100%;
     justify-content: flex-end;
+    width: 100%;
   }
 }

src/assets/scss/components/vote.scss

@@ -34,8 +34,8 @@
 
 @media (max-width: 900px) {
   .vote-wrapper {
-    flex-direction: row;
     align-items: center;
+    flex-direction: row;
     justify-content: space-between;
   }
 }

src/assets/scss/layout/avatar.scss

@@ -8,9 +8,9 @@
   }
 }
 
-@media (max-width: 500px) {
-    .avatar {
-      height: 3.5em !important;
-      width: 3em !important;
-    }
-}
+// @media (max-width: 500px) {
+//   .avatar {
+//     height: 3.5em !important;
+//     width: 3em !important;
+//   }
+// }

src/assets/scss/pages/home.scss

@@ -21,7 +21,7 @@ $subheader-font-size: 18px;
   padding: 20px;
 }
 
-.search-controls{
+.search-controls {
   align-items: center;
   justify-content: center;
 }
@@ -43,7 +43,7 @@ $subheader-font-size: 18px;
     margin: 44px 0px;
   }
 
-  .img-wrap{
+  .img-wrap {
     display: flex;
     justify-content: center;
   }