Merge pull request #158 from SupahNickie/responsiveness-tweaks

Responsiveness tweaks

Author: SupahNickie

src/components/popup/intro/intro.less

@@ -1,17 +1,29 @@
 .flexColumn {
-	flex-direction: column;
+	@media (max-width: 480px) {
+		flex-direction: row;
+	}
+	@media (min-width: 481px) {
+		flex-direction: column;
+	}
 }
 
+
 div.intro {
 	align-items: center;
 	padding: 0 4em;
 	max-height: 100%;
 
 	.top {
-		max-height: 425px;
 		margin-bottom: 75px;
 		overflow: auto;
 
+		@media (max-width: 480px) {
+			max-height: calc(100vh - 75px);
+		}
+		@media (min-width: 481px) {
+			max-height: 425px;
+		}
+
 		.logo {
 			display: block;
 			margin: 20px auto 10px auto;
@@ -27,6 +39,7 @@ div.intro {
 	.description {
 		margin: 2em 0;
 		overflow: auto;
+		max-height: 150px;
 		text-align: center;
 	}
 	.options {