CSS: full width for large screen

1 files changed, 18 insertions, 5 deletions

diff --git a/scss/custom.scss b/scss/custom.scss
index 6417e1e96..ff595219d 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -219,7 +219,7 @@ table.dataTable {
 }
 
 .ishtar-gallery-wrapper .ishtar-gallery-info,
-.container .dataTables_wrapper .dataTables_info {
+.container-fluid .dataTables_wrapper .dataTables_info {
     clear: none;
     font-size: 0.8em;
     padding: 0.5em 2em;
@@ -445,8 +445,7 @@ textarea {
     margin-top: 1em;
 }
 
-.container{
-    margin-top: 1em;
+#main-container{
     margin-bottom: 16em;
 }
 
@@ -639,6 +638,11 @@ ul.compact{
     display: none;
 }
 
+.search-vector{
+    width: 100%;
+    padding-bottom: 1em;
+}
+
 .search-vector .form-group{
     margin-bottom: 0;
 }
@@ -827,7 +831,15 @@ ul.compact{
 
 .ishtar-table-map{
     width: 100%;
-    height: 50%;
+    height: 200px;
+    margin-bottom: 150px;
+}
+
+@media screen and (min-height: 640px){
+    .ishtar-table-map{
+        height: calc(100vh - 440px);
+        margin-bottom: 0;
+    }
 }
 
 .sheet .ishtar-table-map{
@@ -895,7 +907,8 @@ ul.compact{
 .chart-wrapper{
     display: block;
     position:relative;
-    height:400px;
+    height: 400px;
+    width: calc(100% - 100px);
 }
 
 .chart-content{