refactor: 💡 linted scss for searchbar and layout

benhalverson · benhalverson · commit 8d7c63b0a789 · 2021-11-03T21:03:59.000-07:00
diff --git a/src/components/SearchBar/SearchBar.scss b/src/components/SearchBar/SearchBar.scss
@@ -1,33 +1,32 @@
 .searchBarContainer {
-  display: flex;
-  flex-direction: column;
-  width: 34em;
-  height: 3.8em;
   background-color: var(--color-fill-top-nav);
   border-radius: 6px;
   box-shadow: 0px 2px 12px 3px rgba(0, 0, 0, 0.14);
+  display: flex;
+  flex-direction: column;
+  height: 3.8em;
+  width: 34em;
 }
 
 .searchInputContainer {
-  width: 100%;
-  min-height: 4em;
-  display: flex;
   align-items: center;
-  position: relative;
+  display: flex;
+  min-height: 4em;
   padding: 2px 15px;
+  position: relative;
+  width: 100%;
 }
 
 .inputText {
-  width: 100%;
-  height: 100%;
-  outline: none;
+  background-color: transparent;
   border: none;
-  font-size: var(--font-size-body3);
+  border-radius: 6px;
   color: var(--color-text-primary);
+  font-size: var(--font-size-body3);
   font-weight: 500;
-  border-radius: 6px;
-  background-color: transparent;
-
+  height: 100%;
+  outline: none;
+  width: 100%;
   &:focus {
     outline: none;
     &::placeholder {
@@ -56,26 +55,26 @@
 }
 
 .searchContent {
-  width: 100%;
-  height: 100%;
   display: flex;
   flex-direction: column;
+  height: 100%;
   overflow-y: auto;
+  width: 100%;
 }
 
 .loadingWrapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
   align-items: center;
+  display: flex;
+  height: 100%;
   justify-content: center;
+  width: 100%;
 }
 
 .warningMessage {
+  align-self: center;
   color: var(--color-text-primary);
-  font-size: 14px;
   display: flex;
-  align-self: center;
+  font-size: 14px;
   justify-self: center;
 }
 
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
@@ -313,9 +313,9 @@ select {
 }
 
 .nav .right-container > li:first-child {
+  height: 3em;
   position: relative;
   top: 0;
-  height: 3em;
 }
 
 .nav__tabs {

Original file line number	Diff line number	Diff line change
`@@ -313,9 +313,9 @@ select {`
`313`	`313`	`}`
`314`	`314`
`315`	`315`	`.nav .right-container > li:first-child {`
	`316`	`+ height: 3em;`
`316`	`317`	`position: relative;`
`317`	`318`	`top: 0;`
`318`		`- height: 3em;`
`319`	`319`	`}`
`320`	`320`
`321`	`321`	`.nav__tabs {`