From 02d6bea3f476db49d5ec3bd71fa86b3287faba4a Mon Sep 17 00:00:00 2001
From: frankknoll <Knoll_Frank@web.de>
Date: Wed, 30 Mar 2022 20:24:18 +0200
Subject: [PATCH] making slider vertical

---
 docs/gentelella/build/css/custom.css |  6 +++++-
 docs/intensivstationen.html          | 13 +++++++++----
 docs/intensivstationen.js            |  2 +-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/docs/gentelella/build/css/custom.css b/docs/gentelella/build/css/custom.css
index 21765931ca3..7afdf20ebf8 100644
--- a/docs/gentelella/build/css/custom.css
+++ b/docs/gentelella/build/css/custom.css
@@ -4903,4 +4903,8 @@ table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
 .dataTables_wrapper>.row {
     overflow: auto !important;
     /*prevent datatables overflowing its container*/
-}
\ No newline at end of file
+}
+
+.noUi-target {
+    height: 300px;
+  }
\ No newline at end of file
diff --git a/docs/intensivstationen.html b/docs/intensivstationen.html
index 3ee7b318ca7..d982510246e 100644
--- a/docs/intensivstationen.html
+++ b/docs/intensivstationen.html
@@ -113,10 +113,15 @@
                   <div class="clearfix"></div>
                 </div>
                 <div class="x_content">
-                  <p>
-                    <canvas id="medianOfFreeBedsByKreis"></canvas>
-                  </p>
-                  <div id="slider"></div>
+                  <div class="row">
+                    <div class="col-xs-11">
+                      <canvas id="medianOfFreeBedsByKreis"></canvas>
+                    </div>
+                    <div class="col-xs-1">
+                      <div id="slider"></div>
+                    </div>
+                    <div class="clearfix"></div>
+                  </div>
                 </div>
               </div>
             </div>
diff --git a/docs/intensivstationen.js b/docs/intensivstationen.js
index 37c7c2789a6..a2e97d7ea5f 100644
--- a/docs/intensivstationen.js
+++ b/docs/intensivstationen.js
@@ -72,7 +72,7 @@ function createSlider(sliderElement, range, onUpdate) {
             connect: true,
             range: range,
             step: 1,
-            orientation: 'horizontal'
+            orientation: 'vertical'
         });
     sliderElement.noUiSlider.on('update', onUpdate);
 }