new scss file for hotkeys modal

js/apps/system/aardvark/frontend/scss/_hotkeys.scss

@@ -0,0 +1,44 @@
+.hotkeysList {
+
+  //width: 50%;
+
+  .hotkeysLabel {
+    color: #000;
+    clear: both;
+    font-size: 16px;
+    font-weight: 400;
+  }
+
+  .hotkeysContent {
+    padding-left: 10px;
+  }
+
+
+  li {
+
+    line-height: 25px;
+
+    .hotkeysDiv {
+      float: left;
+    }
+  }
+
+  .hotkeysicons {
+    background-color: $c-bar-bg;
+    border: 1px solid #000;
+    border-radius: 2px;
+    color: #fff;
+    display: inline;
+    height: 19px;
+    margin-left: 10px;
+    text-align: center;
+    width: 19px;
+  }
+
+}
+
+.hotkeysContentLabel {
+  width: 30%;
+  float: left;
+}
+

js/apps/system/aardvark/frontend/scss/generated.css

@@ -5266,6 +5266,32 @@ input.gv-radio-button {
 @media (min-width: 1042px) and (max-width: 1284px) {
   .arango-collection-ul a {
     font-size: 13px; } }
+.hotkeysList .hotkeysLabel {
+  color: #000;
+  clear: both;
+  font-size: 16px;
+  font-weight: 400; }
+.hotkeysList .hotkeysContent {
+  padding-left: 10px; }
+.hotkeysList li {
+  line-height: 25px; }
+  .hotkeysList li .hotkeysDiv {
+    float: left; }
+.hotkeysList .hotkeysicons {
+  background-color: #686766;
+  border: 1px solid #000;
+  border-radius: 2px;
+  color: #fff;
+  display: inline;
+  height: 19px;
+  margin-left: 10px;
+  text-align: center;
+  width: 19px; }
+
+.hotkeysContentLabel {
+  width: 30%;
+  float: left; }
+
 .arango-table {
   border-top: 1px solid #000;
   width: 100%; }

js/apps/system/aardvark/frontend/scss/style.scss

@@ -62,6 +62,9 @@
 // screen sizes
 @import 'screenSizes';
 
+// screen hotkeys
+@import 'hotkeys';
+
 //arangoTable Template
 @import 'arangoTable';
 //arangoTabbar Template