margins fixes

sledilnik · Dec 25, 2020 · 211027f · 211027f
1 parent 2d00e31
commit 211027f
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -72,17 +72,17 @@
         <div class="container">
             <div class="columns">
                 <div class="column is-10 is-offset-1">
-					<section class="hero">
-					<div class="alert" style="text-align: center">
+
+					<div class="freeSpace"></div>
+
+					<div class="alert">
 					  <b><a href="share.html"><i class="fa fa-envelope"></i> Želim razširiti Covid-SPARK <i class="fa fa-envelope"></i></a></b>
 					  <span class="closebtn c" onclick="this.parentElement.style.display='none';">&times;</span> 
 					</div>
-					</section>
 
 					<section id="plan">
 						<!--<h2 class="title section-title is-2">Kako lahko pomagam?</h2>
 						<h3 class="subtitle is-size-4">Povežimo se med člani družine, prijatelji in znanci<br>s hitrim in učinkovitim medsebojnim SMS obveščanjem. Tako lahko<br>virus s poslanim ali prejetim SMS-om zajezimo že sami.</h3>-->
-
 						<div class="basicInfo">
 							<p>Za vas sestavimo SMS, s katerim boste pripomogli k obvladovanju virusa.</p>
 						</div>

diff --git a/other.html b/other.html
@@ -71,16 +71,18 @@
         <div class="container">
             <div class="columns">
                 <div class="column is-10 is-offset-1">
-
-				    <section class="hero">
-						<!--<div class="hero-body">
+				    <!--<section class="hero">
+						<div class="hero-body">
 							<div class="container">
 								<h1 class="title is-size-1">Covid-SPARK</h1>
 								<h2 class="subtitle is-size-4">Proti širitvi virusa SARS-CoV-2 lahko pripomore vsak.<br>Z družinami, prijatelji in znanci soustvarimo mrežo ljudi,<br>da bomo skupaj prehiteli in zajezili virus!</h2>>
 							</div>
-						</div>-->
-					</section>
-					<div class="alert" style="text-align: center">
+						</div>
+					</section>-->
+
+					<div class="freeSpace"></div>
+
+					<div class="alert">
 					  <b><a href="share.html"><i class="fa fa-envelope"></i> Želim razširiti Covid-SPARK <i class="fa fa-envelope"></i></a></b>
 					  <span class="closebtn c" onclick="this.parentElement.style.display='none';">&times;</span> 
 					</div>

diff --git a/styles/main.css b/styles/main.css
@@ -196,9 +196,16 @@ body{
     margin-left: -20px;
 }
 
+.freeSpace {
+	margin-top: 58px;
+}
+
 .alert {
-  padding: 20px;
-  line-height: 0.5rem;
+  margin-top: 0px;
+  margin-bottom: 20px;
+  line-height: 0;
+  text-align: center;
+  padding: 0 10px;
 }
 
 .closebtn {
@@ -243,11 +250,6 @@ body{
     display: flex;
 }
 
-.hero {
-    background-color: white;
-    margin-top: 42px;
-}
-
 .section-title::before {
     content: "";
     display: block;
@@ -441,9 +443,8 @@ footer {
 
 @media only screen and (max-width: 768px) {
     .hero {
-        background-color: white;
         margin-top: 42px;
-        padding: 0px 0px;
+		margin-bottom: -15px;
     }
 	.titleContainer {
 		margin-bottom: 15px;
@@ -474,9 +475,7 @@ footer {
 
 @media only screen and (max-width: 360px) {
 	.hero {
-        background-color: white;
         margin-top: 42px;
-        padding: 0px 0px;
     }
 	.titleContainer {
 		margin-bottom: 15px;