CSS optimizations

css/style.css

@@ -64,7 +64,12 @@ hr {
   line-height: 20px;
 }
 .topbar .dropdown-footer {
-  margin: 10px;
+  margin: 10px 10px 5px 10px;
+}
+.topbar .dropdown-header {
+  font-size: 16px;
+  padding: 3px 10px;
+  margin-bottom: 10px;
 }
 #topbar-first {
   top: 0;
@@ -338,6 +343,14 @@ ul.tag_input li img {
 .placeholder {
   padding: 15px;
 }
+.media-list li.placeholder {
+  font-size: 14px !important;
+  border-bottom: none;
+}
+.media-list li.placeholder:hover {
+  background: none !important;
+  border-left: 3px solid white;
+}
 .space-member-sign {
   color: #5cb85c;
   position: absolute;

css/style.less

@@ -80,7 +80,13 @@ hr {
   }
 
   .dropdown-footer {
-    margin: 10px;
+    margin: 10px 10px 5px 10px;
+  }
+
+  .dropdown-header {
+    font-size: 16px;
+    padding: 3px 10px;
+    margin-bottom: 10px;
   }
 }
 
@@ -460,6 +466,16 @@ ul.tag_input {
   padding: 15px;
 }
 
+.media-list li.placeholder {
+  font-size: 14px !important;
+  border-bottom: none;
+}
+
+.media-list li.placeholder:hover {
+  background: none !important;
+  border-left: 3px solid white;
+}
+
 // Member sign for directory list
 .space-member-sign {
   color: #5cb85c;

themes/HumHub/css/theme.css

@@ -19,6 +19,10 @@ h4 {
   border: none;
   padding: 10px;
 }
+.topbar .dropdown-header {
+  font-weight: 300;
+  color: #bebebe;
+}
 #topbar-first {
   background-color: #526e82;
   color: white;

themes/HumHub/css/theme.less

@@ -67,6 +67,13 @@ h4 {
 // x) Topbar
 // --------------------------------------------------
 
+.topbar {
+  .dropdown-header {
+    font-weight: 300;
+    color: @colorFont4;
+  }
+}
+
 #topbar-first {
   background-color: @colorPrimary3;
   color: white;