Cleanup CSS

eea · Jun 16, 2022 · 99e2f58 · 99e2f58
1 parent ab5825b
commit 99e2f58
Showing 1 changed file with 94 additions and 100 deletions.
diff --git a/src/SearchBlock/less/answersbox.less b/src/SearchBlock/less/answersbox.less
@@ -1,65 +1,3 @@
-.answer-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 0.5em;
-
-  .answer-header-title {
-    margin-right: 1.5em;
-    font-size: 16px;
-    font-weight: 700;
-  }
-
-  .ui.basic.button.header-btn {
-    padding-right: 0;
-    padding-left: 0;
-    margin: 0;
-    color: @deepBlue !important;
-    font-size: 14px;
-    font-weight: 300;
-
-    &:hover,
-    &:focus,
-    &:active {
-      border: none;
-      background: none !important;
-      box-shadow: none;
-    }
-  }
-}
-
-.answers-feedback {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.answers__loading {
-  display: flex;
-  justify-content: space-between;
-
-  .three-dots-loader {
-    display: inline;
-
-    div {
-      display: inline !important;
-    }
-  }
-}
-
-.answer__primarylink,
-.answer__primarylink a {
-  color: @deepBlue;
-  font-size: 20px;
-}
-
-.answer__primarylink,
-.answer__primarylink a {
-  // font-weight: 700;
-
-  &:hover {
-    color: @deepBlue;
-  }
-}
-
 .answers-list {
   margin-bottom: 3em;
 
@@ -97,44 +35,6 @@
     }
   }
 
-  .answer__primary {
-    span {
-      color: @deepBlue;
-      font-size: 20px !important;
-      line-height: 24px;
-    }
-
-    a {
-      font-weight: bold;
-
-      > span {
-        color: @linkColor;
-      }
-    }
-
-    .result__source {
-      margin-top: 0.5em;
-
-      span {
-        font-size: 16px !important;
-      }
-
-      a {
-        color: @mediumPersianBlue;
-        font-weight: normal;
-
-        span {
-          color: @linkColor;
-          font-size: 16px !important;
-        }
-      }
-
-      .label {
-        margin-right: 0.5em !important;
-      }
-    }
-  }
-
   .ui.segment.loading {
     min-height: 10em;
     margin-bottom: 2em;
@@ -147,6 +47,34 @@
   }
 }
 
+.answer-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.5em;
+
+  .answer-header-title {
+    margin-right: 1.5em;
+    font-size: 16px;
+    font-weight: 700;
+  }
+
+  .ui.basic.button.header-btn {
+    padding: 5px;
+    margin: 0;
+    color: @deepBlue !important;
+    font-size: 14px;
+    font-weight: 300;
+
+    &:hover,
+    &:focus,
+    &:active {
+      border: none;
+      background: none !important;
+      box-shadow: none;
+    }
+  }
+}
+
 .answers__links {
   font-size: small;
 
@@ -162,6 +90,72 @@
   }
 }
 
+.answer__primary {
+  span {
+    color: @deepBlue;
+    font-size: 20px !important;
+    line-height: 24px;
+  }
+
+  a {
+    font-weight: bold;
+
+    > span {
+      color: @linkColor;
+    }
+  }
+
+  .result__source {
+    margin-top: 0.5em;
+
+    span {
+      font-size: 16px !important;
+    }
+
+    a {
+      color: @mediumPersianBlue;
+      font-weight: normal;
+
+      span {
+        color: @linkColor;
+        font-size: 16px !important;
+      }
+    }
+
+    .label {
+      margin-right: 0.5em !important;
+    }
+  }
+}
+
+.answer__primarylink,
+.answer__primarylink a {
+  color: @deepBlue;
+  font-size: 20px;
+
+  &:hover {
+    color: @deepBlue;
+  }
+}
+
+.answers-feedback {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.answers__loading {
+  display: flex;
+  justify-content: space-between;
+
+  .three-dots-loader {
+    display: inline;
+
+    div {
+      display: inline !important;
+    }
+  }
+}
+
 .ui.segment.answers-wrapper {
   padding: 0;
   border: none;