From 517f0ef5a46ddc95127acc9ae0d581cb00c1e9e7 Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Tue, 19 May 2020 04:57:52 +0200
Subject: [PATCH] Fix service nav buttons drag and drop display

---
 resources/index.html      |  6 ++++--
 resources/style/index.css | 15 ++++++++++-----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/resources/index.html b/resources/index.html
index c151bb2..978164a 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -22,8 +22,10 @@
         <button id="forward" class="disabled"><i class="fas fa-arrow-right"></i></button>
     </div>
 
-    <ul id="service-selector"></ul>
-    <div id="service-last-drag-position" class="hidden"></div>
+    <div id="service-buttons">
+        <ul id="service-selector"></ul>
+        <div id="service-last-drag-position" class="hidden"></div>
+    </div>
 
     <button id="add-button"><i class="fa fa-plus"></i></button>
 
diff --git a/resources/style/index.css b/resources/style/index.css
index ae1243a..0ac8e42 100644
--- a/resources/style/index.css
+++ b/resources/style/index.css
@@ -10,13 +10,18 @@ body {
     width: 48px;
 }
 
-#service-selector {
+#service-buttons {
     flex-grow: 1;
+
+    overflow: hidden auto;
+}
+
+#service-selector {
     display: block;
     margin: 0;
     padding: 0;
 
-    overflow: hidden auto;
+    list-style: none;
 }
 
 #service-selector::-webkit-scrollbar {
@@ -34,14 +39,14 @@ body {
 }
 
 #service-selector .drag-target button {
-    height: 56px;
-    padding-top: 88px;
+    height: 96px;
+    padding-top: 48px;
 }
 
 #service-selector .drag-target button::after,
 #service-last-drag-position.drag-target {
     content: "";
-    height: 56px;
+    height: 48px;
     border: 1px dashed #fff;
     box-sizing: border-box;