Improve top bar, have to fix banding...

1 files changed, 22 insertions, 8 deletions

diff --git a/css/style.css b/css/style.css
index 7b82820..b48451f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -29,6 +29,8 @@ scrolledwindow {
 
 grid {
     border-style: none;
+    margin: 0px;
+    padding: 0px;
 }
 
 paned {
@@ -95,9 +97,24 @@ separator {
 }
 
 #top-bar {
-    background-color: #36393e;
+    background: none;
     box-shadow: 0px 0px 5px #1d1d1d;
-    padding: 10px 10px 10px 10px;
+}
+
+#top-bar-search {
+    font-size: 16px;
+}
+
+#top-bar-left {
+    background-color: #36393e;
+    padding: 10px;
+}
+
+#top-bar-right {
+    background-image: linear-gradient(to right, rgba(54, 57, 62, 1.0), rgba(54, 57, 62, 0.1)), url("../images/top-bar-background.png");
+    padding: 10px;
+    padding-left: 20px;
+    background-repeat: no-repeat;
 }
 
 #current-room-title {
@@ -110,10 +127,6 @@ separator {
     background-color: #36393e;
     padding: 10px 10px 10px 10px;
     border: 1px solid #36393e;
-    /*
-    margin-right: 20px;
-    box-shadow: 0px 0px 5px #1d1d1d;
-    */
 }
 
 #left-panel separator {
@@ -201,13 +214,14 @@ textview text {
 
 #chat-scroll-view {
     background-color: #444444;
+    /*
     margin-top: 15px;
     margin-bottom: 15px;
     margin-left: 20px;
     margin-right: 20px;
+    */
+    padding: 15px;
     box-shadow: 0px 0px 5px #1d1d1d;
-    padding: 10px;
-    /*padding: 10px 10px 10px 10px;*/
 }
 /*
 #chat-input {