6 files changed, 81 insertions, 13 deletions

diff --git a/src/styles/auth.scss b/src/styles/auth.scss
index b40ed971d..3efecf324 100644
--- a/src/styles/auth.scss
+++ b/src/styles/auth.scss
@@ -50,7 +50,6 @@
   .auth__container {
     background: #FFF;
     border-radius: $theme-border-radius;
-    box-shadow: 0 0 50px rgba(black, .2);
     height: auto;
     margin: 40px auto 0;
     position: relative;
diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index d89d42b9e..6afe872bd 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -1,7 +1,7 @@
 @import "./type-helper";
 
 $theme-brand-primary:        convert-rgb-string-to-color($raw-theme-brand-primary);
-$theme-brand-gradient:       linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%);
+$theme-brand-gradient:       #7266F0;
 $theme-brand-success:        convert-rgb-string-to-color($raw-theme-brand-success);
 $theme-brand-info:           convert-rgb-string-to-color($raw-theme-brand-info);
 $theme-brand-warning:        convert-rgb-string-to-color($raw-theme-brand-warning);
diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index de00c01b4..b1e163421 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -183,3 +183,7 @@ body.win32:not(.isFullScreen) .app .app__content {
   z-index: 999999999;
   pointer-events: none;
 }
+
+a, button {
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index b908305de..dafbab16e 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -151,9 +151,8 @@
     flex: 1;
     flex-direction: column;
     height: auto;
-    border-radius: $theme-border-radius;
+    border-radius: 0 $theme-border-radius $theme-border-radius 0;
     overflow: hidden;
-    box-shadow: 0 20px 50px rgba($dark-theme-black, .5);
     background: #FFF;
   }
 
@@ -450,7 +449,7 @@
   flex-direction: column;
   height: auto;
   width: 240px;
-  height: calc(100% - 100px);
+  height: 100%;
   align-self: center;
   border-top-left-radius: $theme-border-radius;;
   border-bottom-left-radius: $theme-border-radius;;
@@ -463,7 +462,7 @@
     color: $theme-text-color;
     display: flex;
     flex-shrink: 0;
-    height: 50px;
+    height: 51px;
     padding: 0 20px;
     text-decoration: none;
     transition: background $theme-transition-time, color $theme-transition-time;
@@ -505,3 +504,7 @@
     width: 7px;
   }
 }
+
+.settings__support-badges {
+  a { margin-right: 10px }
+}
diff --git a/src/styles/type.scss b/src/styles/type.scss
index 5b1160d0b..37ec0bcca 100644
--- a/src/styles/type.scss
+++ b/src/styles/type.scss
@@ -38,12 +38,9 @@ a, button {
   text-decoration: none;
 
   &.button {
-    background: none;
-    border-width: 2px;
-    border-style: solid;
-    border-color: $theme-brand-primary;
+    background: $theme-brand-primary;
+    color: #FFF;
     border-radius: 3px;
-    color: $theme-brand-primary;
     display: inline-block;
     padding: 10px 20px;
     position: relative;
@@ -52,12 +49,15 @@ a, button {
     cursor: pointer;
 
     &:hover {
-      background: darken($theme-brand-primary, 5%);
+      background: darken($theme-brand-primary, 10%);
       color: #FFF;
     }
   }
 
-  &.link { color: $theme-brand-primary; }
+  &.link {
+    color: $theme-brand-primary;
+    cursor: pointer;
+  }
 }
 
 .error-message, .error-message:last-of-type {
diff --git a/src/styles/vertical.scss b/src/styles/vertical.scss
new file mode 100644
index 000000000..55660a088
--- /dev/null
+++ b/src/styles/vertical.scss
@@ -0,0 +1,62 @@
+$sidebar-width: 65px;
+
+.sidebar {
+  width: 100vw;
+  height: $sidebar-width;
+  flex-direction: row;
+  position: absolute;
+  right: 0;
+  padding-bottom: 0px;
+
+  div:first-of-type {
+    overflow-x: scroll;
+    width: 100%;
+  }
+
+  .tabs {
+    flex-direction: row;
+
+    .tab-item {
+      
+      &.is-active {
+        border-left-width: 0px;
+        border-top-width: 4px;
+        border-top-style: solid;
+        border-top-color: #7367f0;
+        padding-left: 4px;
+      }
+
+      &:not(.is-active) {
+        padding-top: 4px;
+      }
+    }
+  }
+
+  .sidebar__button--workspaces.is-active {
+    position: absolute;
+    right: 300px;
+    height: 100%;
+    background-color: #f7f7f9;
+  }
+}
+
+.app_service {
+  width: 100vw;
+  position: absolute;
+  top: $sidebar-width;
+  right: 0;
+}
+
+.theme__dark {
+  .sidebar .sidebar__button--workspaces.is-active {
+    background-color: #2d2f31;
+  }
+}
+
+.darwin .sidebar {
+  height: $sidebar-width + 22px;
+
+  .sidebar__button--workspaces.is-active {
+    height: $sidebar-width - 22px;
+  }
+}
\ No newline at end of file