UX: Better alignment of similar topics in composer

UX: Better alignment of similar topics in composer

diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss
index 8fd3c36..e91f93c 100644
--- a/app/assets/stylesheets/desktop/compose.scss
+++ b/app/assets/stylesheets/desktop/compose.scss
@@ -114,6 +114,8 @@
   }
 
   a.close {
+    display: flex;
+    align-items: center;
     position: absolute;
     right: 10px;
     top: 10px;
@@ -131,7 +133,7 @@
     opacity: 1;
   }
 
-  ul.topics {
+  ul {
     list-style: none;
     margin: 0;
     padding: 0;
@@ -164,32 +166,35 @@
   }
 
   .posts-count {
-    background-color: dark-light-choose($tertiary, $tertiary-medium);
+    background-color: $tertiary;
   }
 
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
   .search-link {
+    .topic-title {
+      flex: 0 1 auto;
+      margin-right: 0.5em;
+    }
+    .topic-statuses:empty {
+      display: none;
+    }
+    span.badge-wrapper {
+      margin-left: 0;
+    }
     .blurb {
-      color: dark-light-choose($primary-high, $secondary-medium);
+      color: $primary-high;
     }
     .topic-title,
     .blurb {
-      .fa {
-        color: dark-light-choose($primary-high, $secondary-medium);
+      .d-icon {
+        color: $primary-high;
       }
     }
     span.topic {
       display: flex;
+      align-items: baseline;
       flex-wrap: wrap;
     }
   }
-  .badge-wrapper {
-    margin-left: 5px;
-  }
 }
 
 .composer-popup:nth-of-type(2) {

GitHub sha: 34d0cc6a

1 Like