add creator 2nd step & onKeyPress helpermain

2 files changed, 23 insertions, 2 deletions

diff --git a/client/src/admin/scss/_creator.scss b/client/src/admin/scss/_creator.scss
index 0bf267e..696208c 100644
--- a/client/src/admin/scss/_creator.scss
+++ b/client/src/admin/scss/_creator.scss
@@ -32,6 +32,10 @@
       &:hover {
         background: $text-selected;
       }
+
+      &:focus {
+        outline: 2px solid $text-selected;
+      }
     }
 
     &-text {
@@ -53,7 +57,9 @@
     &-next {
       color: $text-inactive;
       display: inline-block;
-      padding: 1em;
+      padding: .5em;
+      margin: 0 1em;
+      outline: none;
 
       &.active {
         color: $text;
@@ -63,6 +69,10 @@
         &:hover {
           color: $text-selected;
         }
+
+        &:focus {
+          border-bottom: 2px solid $text-selected;
+        }
       }
     }
 
@@ -71,11 +81,17 @@
       color: $text;
       transition: .3s color;
       cursor: pointer;
-      padding: 1em;
+      padding: .5em;
+      margin: 0 1em;
+      outline-width: 0;
 
       &:hover {
         color: $text-selected;
       }
+
+      &:focus {
+        border-bottom: 2px solid $text-selected;
+      }
     }
   }
 }
diff --git a/client/src/admin/scss/_mainScreen.scss b/client/src/admin/scss/_mainScreen.scss
index e9eeeb3..051a037 100644
--- a/client/src/admin/scss/_mainScreen.scss
+++ b/client/src/admin/scss/_mainScreen.scss
@@ -39,10 +39,15 @@
     cursor: pointer;
     margin-top: 5vh;
     margin-bottom: 5vh;
+    outline-width: 0;
 
     &:hover {
       color: $text-selected;
     }
+
+    &:focus {
+      border-bottom: 2px solid $text-selected;
+    }
   }
 
 }