Fix alignment & more (#21)

* CSS refactor * Added border radius on phone (for consistency) * Fix alignment
flarumite · Feb 1, 2022 · 43d43df · 43d43df
1 parent 49133f5
commit 43d43df
Showing 1 changed file with 11 additions and 15 deletions.
diff --git a/resources/less/forum.less b/resources/less/forum.less
@@ -1,33 +1,29 @@
 .item-discussion-views {
   font-size: 14px;
   position: absolute;
-  right: 37px;
+  width: 65px;
+  right: 0;
   color: var(--muted-color);
   text-decoration: none;
 
-  .icon {
-    margin-right: 2px;
-  }
-}
-
-@media (max-width: 767px) {
-  .item-discussion-views
-  {
+  @media @phone {
     font-size: 12px;
     padding: 2px 6px;
     position: absolute;
     right: 58px;
     top: 35px;
+
     background: var(--control-bg);
-  }
-}
+    border-radius: var(--border-radius);
 
-@media @phone {
-  .item-discussion-views {
     margin-right: -43px;
+  }
+
+  .icon {
+    margin-right: 2px;
 
-    .icon {
+    @media @phone {
       display: none;
     }
   }
-}
+}