css for overlay

DevStarks · May 6, 2017 · c3fe789 · c3fe789
1 parent f069c71
commit c3fe789
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/src/Main/Toolbox/Keyboard/Panel/KeyOverlay/SlideSelector/styles.scss b/src/Main/Toolbox/Keyboard/Panel/KeyOverlay/SlideSelector/styles.scss
@@ -16,12 +16,13 @@
 	.sliderBall {
 		width: .8rem;
 	  height: .8rem;
-		border-radius: 50%;
+		border-radius: 60%;
 		background-color: $color-dark;
-	}
+		cursor: grab;
 
-	ul {
-		padding: 5px 0;
+		&:active {
+			cursor: grabbing;
+		}
 	}
 
 	li {

diff --git a/src/Main/Toolbox/Keyboard/Panel/KeyOverlay/styles.scss b/src/Main/Toolbox/Keyboard/Panel/KeyOverlay/styles.scss
@@ -2,6 +2,8 @@
 
 :local(.KeyOverlay) {
 	background-color: inherit;
+	display: flex;
+  flex-direction: column;
 
 	label {
 		padding: .2rem 2rem;
@@ -16,5 +18,6 @@
 		background-color: $color-background-medium;
 		padding: .5rem;
 		border-radius: 13px;
+		flex: 1;
 	}
 }
diff --git a/src/Main/Toolbox/Keyboard/Panel/Logo/styles.scss b/src/Main/Toolbox/Keyboard/Panel/Logo/styles.scss
@@ -1,9 +1,11 @@
 @import "./src/styles/base";
 
 :local(.Logo) {
-  width: 12.4rem;
+  // display: table-cell;
+  width: 14rem;
 
   svg {
     height: 100%;
+    width: 100%;
   }
 }
diff --git a/src/Main/Toolbox/Keyboard/Panel/styles.scss b/src/Main/Toolbox/Keyboard/Panel/styles.scss
@@ -1,9 +1,9 @@
 :local(.Panel) {
 	flex: 1;
-	margin-bottom: 2rem;
+	margin-bottom: 1rem;
 	display: flex;
 
 	& > div {
-		margin-right: 2rem;
+		margin-right: 1rem;
 	}
 }
diff --git a/src/styles/tool.scss b/src/styles/tool.scss
@@ -1,5 +1,5 @@
 .tool {
   background-color: $color-background-light;
   border-radius: 15px;
-  padding: 2rem 2rem 0 2rem;
+  padding: 1rem 1rem 0 1rem;
 }