From 5cfae7e9ba778e806c3f6698d510f5312b6a261f Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Tue, 21 Jan 2020 02:31:26 +0530
Subject: [PATCH] [Design] Responsive buttons. Minor fixes.

---
 scss/index.scss | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/scss/index.scss b/scss/index.scss
index 144940c..1764223 100644
--- a/scss/index.scss
+++ b/scss/index.scss
@@ -2,6 +2,10 @@ $cloud_width: 200px;
 
 @import 'fonts';
 
+* {
+	box-sizing: border-box;
+}
+
 body {
 	margin: 0;
 	padding: 0;
@@ -34,7 +38,7 @@ body {
 		display: flex;
 		align-items: end;
 		.wrapper {
-			height: 100%;
+			min-height: 70vh;
 			align-items: flex-end;
 			padding-bottom: 3em;
 		}
@@ -44,8 +48,9 @@ body {
 		background-image: linear-gradient(#26a4c4, #afdde9);
 		min-height: 30vh;
 		.wrapper {
+			min-height: 30vh;
 			align-items: center;
-			justify-content: space-between;
+			justify-content: space-around;
 			flex-direction: column;
 			padding-top: 3em;
 			height: 100%;
@@ -69,7 +74,7 @@ body {
 				}
 			}
 			footer {
-				margin-top: 3em;
+				margin-top: 1em;
 				padding: 0 1em;
 				text-align: center;
 				color: #292929;
@@ -107,6 +112,21 @@ h1 {
 	text-align: center;
 }
 
+@media (max-width: 600px) {
+	body {
+		.bottom {
+			.wrapper {
+				.content {
+					.button {
+						font-size: 1em;
+						padding: 0.5em;
+					}
+				}
+			}
+		}
+	}
+}
+
 
 @keyframes move_right {
 	from {left: 0}