From 10173e1d6c84892f5bb425c30d71f3058bbf5588 Mon Sep 17 00:00:00 2001
From: decompyler <randomglitch@gmail.com>
Date: Fri, 23 Jan 2015 00:20:38 -0800
Subject: [PATCH] Led grid tweaks

---
 tabs/led_strip.css  | 63 ++++++++++++++++++++++++++++-----------------
 tabs/led_strip.html | 18 +++++++++++++
 2 files changed, 57 insertions(+), 24 deletions(-)

diff --git a/tabs/led_strip.css b/tabs/led_strip.css
index c6187bc4..42ab19c6 100644
--- a/tabs/led_strip.css
+++ b/tabs/led_strip.css
@@ -134,7 +134,7 @@
     border: 1px solid silver;
     background-color: #ececec;
 
-    padding: 7px 7px;
+    padding: 7px 6px;
     margin: 3px 0;
 }
 
@@ -221,7 +221,6 @@
     right: 10px; 
 }
 
-
 .tab-led-strip .dir-n .north {display: inline;}
 .tab-led-strip .dir-s .south {display: inline;}
 .tab-led-strip .dir-e .east {display: inline;}
@@ -244,7 +243,6 @@
     width: 49%;
 }
 
-
 .tab-led-strip .directions button {
     position: absolute;
     width: 30px;
@@ -278,26 +276,6 @@
     color: #FF5700;
 }
 
-
-
-/*******JQUERYUI**********/
-
-.tab-led-strip .ui-selected {
-    box-shadow: inset 0 0 30px rgba(255, 255, 255, 1) !important;
-}
-
-.tab-led-strip .ui-selecting {
-    box-shadow: inset 0 0 30px rgba(255, 255, 255, .7) !important;
-    border: solid 2px #000 !important;
-}
-
-.tab-led-strip .ui-selectable-helper {
-    background: rgba(0,0,0,.4);
-    position: absolute;
-    z-index: 100;
-    border: 1px dotted white;   
-}
-
 .tab-led-strip > .buttons {
     margin-top: 10px;
 }
@@ -317,6 +295,43 @@
     border: 1px solid silver;
     background-color: #ececec;
 }
+
 .tab-led-strip.save:hover {
     background-color: #dedcdc;
-}
\ No newline at end of file
+}
+
+.gridSections {
+    position: absolute;
+    width: 613px;
+    z-index: -1;
+}
+
+.gridSections .block {
+    width: 150px;
+    height: 150px;
+    float: left;
+    border: solid 1px rgba(255, 203, 24, 1);
+}
+
+
+
+
+
+/*******JQUERYUI**********/
+
+.tab-led-strip .ui-selected {
+    box-shadow: inset 0 0 8px rgba(255, 0, 255, 1) !important;
+    border: solid 2px #000 !important;
+}
+
+.tab-led-strip .ui-selecting {
+    box-shadow: inset 0 0 30px rgba(255, 0, 255, .7) !important;
+    border: solid 2px #000 !important;
+}
+
+.tab-led-strip .ui-selectable-helper {
+    background: rgba(0,0,0,.4);
+    position: absolute;
+    z-index: 100;
+    border: 1px dotted white;   
+}
diff --git a/tabs/led_strip.html b/tabs/led_strip.html
index b05c6050..ab7fbccc 100644
--- a/tabs/led_strip.html
+++ b/tabs/led_strip.html
@@ -3,6 +3,24 @@
         <p i18n="ledStripHelp"></p>
     </div>
     <div class="mainGrid"></div>
+    <div class="gridSections">
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+        <div class="block"></div>
+    </div>
 
     <div class="controls">
         <div class="wires-remaining"><div></div>Remaining</div>