From 6c67e85ca569e5ee85aca871b808839cbe4551c4 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Mon, 25 Feb 2019 17:39:25 -0800
Subject: [PATCH] Add shadows to room css.

---
 static/scss/style.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/static/scss/style.scss b/static/scss/style.scss
index eb7c394..3735f38 100644
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -4,6 +4,7 @@ $primary-color-highlight: #4298C7;
 $primary-color-light: #9FDBFB;
 
 $background-color: #1b1e21;
+$background-color-light: lighten($background-color, 4%);
 $background-color-dark: darken($background-color, 4%);
 
 $error-color: #f01d43;
@@ -141,7 +142,7 @@ div.base-wrapper {
     height: 100%;
 
     > div {
-        padding: 5px;
+        padding: 10px;
         box-sizing: border-box;
     }
 }
@@ -151,6 +152,7 @@ div.base-wrapper {
  */
 div.rooms-wrapper {
     flex-shrink: 0;
+    background-color: $background-color-light;
 }
 
 div.room-link-wrapper {
@@ -186,6 +188,8 @@ div.room-wrapper {
     display: flex;
     height: 100%;
     flex-direction: column;  
+    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .50);
+    padding: 5px;
 }
 
 div.typing-wrapper {