From a07e7e7a3010da502deea0e5020189cb7f8477bc Mon Sep 17 00:00:00 2001
From: ulrich
Date: Wed, 21 Apr 2021 08:59:08 +0000
Subject: [PATCH] Darstellung der Symbolleisten passt sich unterschiedlichen Bidlschirmgroessen an

---
 www/ui/app.css   |   27 +++++++++++++++++++++++++++
 www/ui/js/app.js |    2 +-
 2 files changed, 28 insertions(+), 1 deletions(-)

diff --git a/www/ui/app.css b/www/ui/app.css
index e0667d5..4455e27 100644
--- a/www/ui/app.css
+++ b/www/ui/app.css
@@ -129,6 +129,7 @@
   /* position: relative; */
   /* height: 0.1em; */
   /* transition: all 0.3s ease-in; */
+  height: 10em;
 }
 
 .dlg-behaelter {
@@ -396,6 +397,32 @@
   .zentraler-inhalt {
     margin: 0 10% 0 10%;
   }
+  
+  .ctrl {
+    display: flex;
+    flex-flow: row;
+    justify-content: center;
+  }
+
+  .dialog-unten {
+    /* position: relative; */
+    /* height: 0.1em; */
+    /* transition: all 0.3s ease-in; */
+    height: 2.2em;
+  }
+  
+  .ctrl-btns {
+    /* margin: 0 0 0 1rem; */
+  }
+  
+  .ctrl-orte {
+    margin: 0 0 0 1.8rem;    
+  }
+  
+  .ctrl-menue {
+    margin: 0 0 0 1.8rem;    
+  }
+  
 }
 
 /* Fonts */
diff --git a/www/ui/js/app.js b/www/ui/js/app.js
index bb29ba2..033dac4 100644
--- a/www/ui/js/app.js
+++ b/www/ui/js/app.js
@@ -340,7 +340,7 @@
   this.dialog_unten_zeigen = function() {
     self.vorlage_laden_und_fuellen("data/tpl/ctrl.txt", "", function (html) {
       var dlg = document.querySelector(".dialog-unten");
-      dlg.style.height = '10em';
+      //dlg.style.height = '10em';
       dlg.innerHTML = html;
       self.abspieler_auswahl_fuellen();
       self.abspielliste_auswahl_fuellen();

--
Gitblit v1.9.3