style: improving toolbar_x button look with box-shadow

3 files changed, 19 insertions, 4 deletions

diff --git a/res/client/css/partials/toolbar__cmd.scss b/res/client/css/partials/toolbar__cmd.scss
index 7d666ac8..0f5fea1e 100644
--- a/res/client/css/partials/toolbar__cmd.scss
+++ b/res/client/css/partials/toolbar__cmd.scss
@@ -18,6 +18,7 @@
 
 .cmd-bar_btn {
     border-radius: 2px; // TODO: generalize via .toolbar__btn
+    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
     cursor: pointer;
     color: white;
     padding: 2px 8px;
diff --git a/res/client/css/partials/toolbar__status.scss b/res/client/css/partials/toolbar__status.scss
index ada7cc83..21b0d9cd 100644
--- a/res/client/css/partials/toolbar__status.scss
+++ b/res/client/css/partials/toolbar__status.scss
@@ -9,6 +9,7 @@
 .status-bar__btn_rzdoc_create_post_404 {
     border-radius: 2px;  // TODO: generalize via .toolbar__btn
     background-color: #4499E0;
+    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
     color: white;
     cursor: pointer;
     margin-left: 10px;
diff --git a/res/client/css/style.css b/res/client/css/style.css
index a39c4bcd..00766937 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -821,6 +821,8 @@ p {
   padding: 8px 20px; }
 
 .cmd-bar_btn {
+  border-radius: 2px;
+  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
   cursor: pointer;
   color: white;
   padding: 2px 8px;
@@ -841,10 +843,6 @@ p {
 #cmd_bar__rzdoc_new__submit {
   background-color: yellowgreen; }
 
-#cmd_bar__rzdoc_new__submit_error {
-  color: red;
-  margin-left: 5px; }
-
 #cmd_bar__rzdoc_open__rzdoc_list {
   overflow: auto; }
 
@@ -860,6 +858,21 @@ p {
     background-color: #b9b9b9;
     cursor: pointer; }
 
+#status-bar {
+  background-color: #A3C9EA; }
+
+.status-bar__body {
+  padding: 10px 20px; }
+
+.status-bar__btn_rzdoc_create_post_404 {
+  border-radius: 2px;
+  background-color: #4499E0;
+  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
+  color: white;
+  cursor: pointer;
+  margin-left: 10px;
+  padding: 2px 8px; }
+
 .graph-view {
   background-color: #f5f5fa;
   height: 100%; }