From 6835572c0af398c8dffb87b826aecfc3922cc107 Mon Sep 17 00:00:00 2001
From: Alphapi <axilpapa@gmail.com>
Date: Sun, 27 Dec 2020 08:43:15 +0200
Subject: [PATCH] Update custom.css

Some styling changes to support the ipstorm's inner page  layout
---
 ipstorm/css/custom.css | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/ipstorm/css/custom.css b/ipstorm/css/custom.css
index 6a61516..03e09a5 100644
--- a/ipstorm/css/custom.css
+++ b/ipstorm/css/custom.css
@@ -1,5 +1,6 @@
+/* styling of map elements */
 #piediv {
-  width: 35%;
+  width: 100%;
   height: 325px;
   float: right;
   zoom: 76%;
@@ -7,11 +8,22 @@
 }
 
 #worlddiv {
-  width: 65%;
+  width: 88%;
   height: 450px;
   float: left;
 }
 
+/* custom styling of ipstorm's header */
+.header{
+  background: none;
+  padding: 0px 0;
+}
+
+/* custom styling of ipstorm h1 title */
+.innertitle{
+  margin: 40px 40px;
+}
+
 /* Remove the navbar's default margin-bottom and rounded borders */
 body {
   font-family: 'Source Sans Pro', sans-serif;
@@ -33,9 +45,10 @@ a {
 }
 
 /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
-.row.content {
+/* commented due to conflicts */
+/*.row.content {
   height: 450px
-}
+}*/
 
 /* Set gray background color and 100% height */
 .sidenav {
@@ -51,6 +64,9 @@ footer {
 }
 
 /* On small screens, set height to 'auto' for sidenav and grid */
+@media screen and (max-width: 997px) 
+
+
 @media screen and (max-width: 767px) {
   .sidenav {
     height: auto;