cockpit: add margin to selection-container and move display into html

2 files changed, 5 insertions, 3 deletions

diff --git a/cockpit/cockpit.css b/cockpit/cockpit.css
index 635b549..759d6d9 100644
--- a/cockpit/cockpit.css
+++ b/cockpit/cockpit.css
@@ -1,5 +1,8 @@
-#student-selection-search-container {
+#student-selection-container {
   margin: 0.2rem;
+}
+
+#student-selection-search-container {
   position: relative;
 }
 
@@ -22,7 +25,6 @@
   font-size: 1.875rem;
   cursor: pointer;
   color: #888;
-  display: none; /* hidden until input has text */
 }
 
 #student-selection-clear:hover {
diff --git a/cockpit/cockpit.html b/cockpit/cockpit.html
index 1ba57c9..2f1dc79 100644
--- a/cockpit/cockpit.html
+++ b/cockpit/cockpit.html
@@ -19,7 +19,7 @@
       class="student-selection"
       placeholder="Vorname Nachname Klasse"
     />
-    <button id="student-selection-clear">&times;</button>
+    <button id="student-selection-clear" display="style: none;">&times;</button>
   </div>
   <ul id="student-selection-list">
   </ul>