From 093766d48c9ca8f42de838cda0e1d501360248a1 Mon Sep 17 00:00:00 2001
From: Angelos Chatzimparmpas <angelos.chatzimparmpas@gmail.com>
Date: Tue, 16 Jun 2020 10:54:20 +0200
Subject: [PATCH] responsiveness

---
 css/style.css | 6 +++---
 index.html    | 7 ++++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index 41fa888..add8bfb 100755
--- a/css/style.css
+++ b/css/style.css
@@ -39,7 +39,7 @@ table td {
 }
 
 .centerTable td {
-  padding: 8 !important;
+  padding: 0.9vh !important;
 }
 
 
@@ -76,11 +76,11 @@ input[type='file'] {
 }
 
 #param-corlim {
-  width: 55% !important;
+  width: 75% !important;
 }
 
 #param-costlim {
-  width: 85% !important;
+  width: 65% !important;
 }
 
 #param-correlation > .param > select {
diff --git a/index.html b/index.html
index 655b36a..60572cf 100755
--- a/index.html
+++ b/index.html
@@ -339,9 +339,14 @@
       <div class="col-lg-3 col-lg-offset-6" style="margin-top:-10px">
           <div class="panel panel-default">
               <div class="panel-heading">
-                  <h2 class="panel-title" style="display:inline-block" data-toggle="tooltip" data-placement="right" title="Tip: user-driven shape investigation of the most correlated dimensions.">Dimension Correlation</h2><div class="param" style="display:inline-block; margin-top:-2.2vh; float:right"><label for="param-corlim" style="display:inline-block; float: right" data-toggle="tooltip" data-placement="right" title="Tip: the minimum acceptable visible correlation. Default is 0, so the tool accepts all the correlations.">Min Correlation: #<output for="param-corlim" id="param-corlim-value" title="Tip: minimum visible correlation (range: 0.0 to 1.0)." style="display:inline-block; float:right">0.0</output></label>
+                  <h2 class="panel-title" style="display:inline-block" data-toggle="tooltip" data-placement="right" title="Tip: user-driven shape investigation of the most correlated dimensions.">Dimension Correlation</h2>
+                  <div class="col-lg-8"></div>
+                  <div class="col-lg-4">
+                  <div class="param" style="display:inline-block; float:right; margin-top:-23px; margin-right: -18px">
+                  <label for="param-corlim" style="display:inline-block; float: right" data-toggle="tooltip" data-placement="right" title="Tip: the minimum acceptable visible correlation. Default is 0, so the tool accepts all the correlations.">Min Correl.: #<output for="param-corlim" id="param-corlim-value" title="Tip: minimum visible correlation (range: 0.0 to 1.0)." style="display:inline-block; float:right">0.0</output></label>
                   <input id="param-corlim" type="range" min="0" max="1" value="0.0", step="0.1" style="display:inline-block; float:right" onchange="CalculateCorrel(true);">
                   </div>
+                  </div>  
               </div>
               <div class="panel-body">  
                 <svg id="correlation"></svg>