From 258dd8018dab09d2e0985e79bcfeeb7d500cd88a Mon Sep 17 00:00:00 2001
From: LV-426 <lv-426@taproot.org.il>
Date: Sun, 1 Mar 2015 15:55:58 +0200
Subject: input-bubble:    - rm silly <table>    - add 'type_selection__'
 prefix    - style keyboard shortcut    - rm unused position directives

---
 res/client/css/partials/input-bubble.scss | 25 ++++++++++++++++---------
 res/templates/index.html                  | 11 ++++-------
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/res/client/css/partials/input-bubble.scss b/res/client/css/partials/input-bubble.scss
index 657e95de..da600921 100644
--- a/res/client/css/partials/input-bubble.scss
+++ b/res/client/css/partials/input-bubble.scss
@@ -1,15 +1,22 @@
-.typeselection{
-	color: $dark-grey;
-	font-size: $h2-size;
-  position:fixed;
-  left:0;
-  top:-300px;
-  pointer-events:none;
+.type_selection {
+    color: $dark-grey;
+    font-size: $h3-size;
+    position: fixed; // no need for positioning, set via code
+    pointer-events: none;
 }
 
-.typeselection td{
+.type_selection__row {
+    margin-top: 3px;
+    margin-bottom: 3px;
+}
+
+#type_selection__chosen_type_name {
+    background-color: #D3D3D3;
+    border-radius: 3px;
+    padding: 0 7px;
+    margin-left: 3px;
 }
 
 #keys{
-  opacity: 0.5;
+    opacity: 0.5;
 }
diff --git a/res/templates/index.html b/res/templates/index.html
index d5d8d4ef..bb2378bb 100644
--- a/res/templates/index.html
+++ b/res/templates/index.html
@@ -105,14 +105,11 @@ var rz_config = { // set as a global variable
       </div>
     </div>
     <div id="graph-view__canvas"></div>
-    <div class="typeselection" style="display:none">
-      <table>
-        <tr id="intro"><td>Use [Tab] to change node type</td></tr>
-        <tr id="chosentypelabel"><td>Chosen Type: <span id="chosentypename"/></td></tr>
-        <tr id="chosentypedesc"><td></td></tr>
-      </table>
+    <div class="type_selection" style="display:none">
+      <div class="type_selection__row" id="type_selection__intro">Change node type with <span class="kbd-button">Tab</span></div>
+      <div class="type_selection__row" id="type_selection__chosen_type_label">Chosen Type: <span id="type_selection__chosen_type_name"/></div>
+      <div class="type_selection__row" id="type_selection__chosen_type_desc"></div>
     </div>
-
     <div class="debug-ui">
     <div class="debug-ui-row">
         <div class="debug-ui-left">
-- 
cgit v1.3.1