update panelContent margin on small screen

OpenICGC · Jun 19, 2024 · c17d501 · c17d501
1 parent 3f86704
commit c17d501
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/dist/index.html b/dist/index.html
@@ -54,9 +54,9 @@
         }
 
         #title {
-            font-weight: bold;
+            font-weight: 300;
             font-size: 1.5em;
-            margin-left: 45%;
+            margin-left: 44%;
 
         }
 
@@ -568,6 +568,7 @@
             #infoPanelContent {
                 margin-top: 30px;
                 margin-bottom: 50px;
+                margin-right: 35px;
             }
 
             .modal-content {
@@ -581,7 +582,7 @@
 
             #title {
                 margin-left: 10% !important;
-                font-size: 1em;
+                font-size: 1.2em;
             }
 
             #layers2 {
@@ -604,6 +605,7 @@
                 top: 2%;
                 left: 5%;
                 right: 5%;
+                font-size: 1.25em;
             }
 
             .maplibregl-ctrl-top-right {
@@ -633,7 +635,7 @@
     <div id="map">
 
         <div id="topBar">
-            <div id="title">API TERRITORIAL</div>
+            <div id="title">API Territorial</div>
             <div id="formContainer">
                 <form id="textForm" onsubmit="onTextFormSubmit(event)">
                     <input type="text" id="textSelector" placeholder="Cerca una adreça..." />

diff --git a/index.html b/index.html
@@ -54,9 +54,9 @@
         }
 
         #title {
-            font-weight: bold;
+            font-weight: 300;
             font-size: 1.5em;
-            margin-left: 45%;
+            margin-left: 44%;
 
         }
 
@@ -568,6 +568,7 @@
             #infoPanelContent {
                 margin-top: 30px;
                 margin-bottom: 50px;
+                margin-right: 35px;
             }
 
             .modal-content {
@@ -581,7 +582,7 @@
 
             #title {
                 margin-left: 10% !important;
-                font-size: 1em;
+                font-size: 1.2em;
             }
 
             #layers2 {
@@ -604,6 +605,7 @@
                 top: 2%;
                 left: 5%;
                 right: 5%;
+                font-size: 1.25em;
             }
 
             .maplibregl-ctrl-top-right {
@@ -632,7 +634,7 @@
     <div id="map">
 
         <div id="topBar">
-            <div id="title">API TERRITORIAL</div>
+            <div id="title">API Territorial</div>
             <div id="formContainer">
                 <form id="textForm" onsubmit="onTextFormSubmit(event)">
                     <input type="text" id="textSelector" placeholder="Cerca una adreça..." />