From 222ded9f52a861445bfe630b093c778bfd91a4d2 Mon Sep 17 00:00:00 2001
From: devl0rd <dmhzmxn@gmail.com>
Date: Wed, 22 Apr 2020 15:51:03 -0600
Subject: [PATCH] fixed settings panel layout

---
 SkyNX-Streamer/css/windowStyle.css |  8 ++++++--
 SkyNX-Streamer/index.html          | 15 ++++++++++-----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/SkyNX-Streamer/css/windowStyle.css b/SkyNX-Streamer/css/windowStyle.css
index 0b69efa..626504e 100644
--- a/SkyNX-Streamer/css/windowStyle.css
+++ b/SkyNX-Streamer/css/windowStyle.css
@@ -216,9 +216,13 @@ textarea:focus, input:focus{
     height: calc(100% - 57px);
     width: calc(100% - 50px);
     background: rgba(0,0,0,0.5);
-    overflow: none;
+    overflow: hidden;
+}
+.contentAreaScrollable{
+    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
 }
-
 #settingsSearch {
     background: black;
     border: none;
diff --git a/SkyNX-Streamer/index.html b/SkyNX-Streamer/index.html
index f99fc01..84279c0 100644
--- a/SkyNX-Streamer/index.html
+++ b/SkyNX-Streamer/index.html
@@ -44,7 +44,7 @@
         <button id="startBtn" type="button" class="btn btn-dark btn-lg btn-block">Start Streamer</button>
       </form>
     </div>
-    <div id="settings" class="contentArea" style="display: none;">
+    <div id="settings" class="contentArea contentAreaScrollable customScroll" style="display: none;">
       <form class="form-group">
         <button id="installScpVBusBtn" type="button" class="btn btn-dark btn-block">Install Xbox
           Controller</button>
@@ -60,10 +60,15 @@
         <button id="unInstallAudioDriverBtn" type="button" class="btn btn-dark btn-block">Un-Install Audio
           Driver</button>
       </form>
-      <label class="switch">
-        <input id="rainbowEnabled" type="checkbox">
-        <span class="slider round"></span>
-      </label>
+      <div class="form-group">
+        <label class="switch">
+          <input id="rainbowEnabled" type="checkbox">
+          <span class="slider round"></span>
+        </label>
+        <label class="form-check-label" for="rainbowEnabled">
+          Enable Rainbow Accents
+        </label>
+      </div>
     </div>
   </div>
   <div id="statusbar" class="rainbowBackgroundColor2">