From 4a24b1a126e8cf8df2aee6d21e2778d629453b48 Mon Sep 17 00:00:00 2001
From: Chase Porter <chaseporter@Chases-MacBook-Pro.local>
Date: Tue, 19 Oct 2021 15:16:44 -0700
Subject: [PATCH] Fixes Styling for mobile devices.

---
 fdds/css/fdapp.css                    | 21 +++++++++------------
 fdds/index.html                       |  3 ---
 fdds/js/components/layerController.js |  1 -
 3 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/fdds/css/fdapp.css b/fdds/css/fdapp.css
index 7586097..a592c85 100644
--- a/fdds/css/fdapp.css
+++ b/fdds/css/fdapp.css
@@ -218,12 +218,10 @@ html, body {
 #colorbar-tab {
   padding: 10px;
   position: absolute;
-  z-index: 9001;
+  z-index: 5000;
   width: 100px;
-  /* top:130px; */
   left: -38px;
   bottom: 200px;
-  /* border-right: 1px solid #5d5d5d; */
   border-radius: .4rem .4rem 0 0;
   font-size: 1.2rem;
   text-align: center;
@@ -240,7 +238,6 @@ html, body {
   bottom: 103px;
   width: 150px;
   height: 350px;
-  /* background-color: white; */
   background-color: rgba(255, 255, 255, 1);
   border-radius: .4rem;
   font-size: 1.2rem;
@@ -879,22 +876,22 @@ html, body {
     margin-left: 303px !important;
   }
 
+  .mobile-button {
+    display: block;
+  }
+
+  /* ===== ColorbarPanel-mobile block ===== */
   #raster-colorbar {
     height: 160px;
     width: 80px;
-    bottom: 130px;
-    left: 40px;
+    bottom: 20px;
   }
 
   #raster-colorbar-bg {
     height: 140px;
     width: 80px;
-    bottom: 130px;
-    left: 40px;
-  }
-
-  .mobile-button {
-    display: block;
+    bottom: 135px;
+    left: 55px;
   }
 
   /* ===== CatalogMenu-mobile block ===== */
diff --git a/fdds/index.html b/fdds/index.html
index 6c74362..306717e 100644
--- a/fdds/index.html
+++ b/fdds/index.html
@@ -87,9 +87,6 @@
   <info-panel></info-panel>
   <timeseries-chart></timeseries-chart>
 
-  <!-- <div id="raster-colorbar-bg" class='hidden'>
-    <img id="raster-colorbar"/>
-  </div> -->
   <div id="copyLink" class="feature-controller hidden">Copy Link to Clipboard</div>
 
 	<script src="js/components/CatalogMenu/catalogMenu.js" type="module"></script>
diff --git a/fdds/js/components/layerController.js b/fdds/js/components/layerController.js
index f5d2686..7ce8c53 100644
--- a/fdds/js/components/layerController.js
+++ b/fdds/js/components/layerController.js
@@ -190,7 +190,6 @@ export class LayerController extends HTMLElement {
         }
         simVars.displayedColorbar = null;
         controllers.colorbarURL.setValue(null);
-        // simVars.hideColorbar();
     }
 
     resetLayerController() {
-- 
2.11.4.GIT