fix: misc scaling issues especially on chrome

Author: Paliak

_sass/elements.scss

@@ -1,5 +1,6 @@
 html {
 	background: #2b2b40;
+	min-width: 300px;
 }
 
 html, body {
@@ -12,14 +13,27 @@ body {
 }
 
 a {
-	color: #00a4ca;
+	color: inherit;
 	text-decoration: none;
 }
 
 a:hover {
 	text-decoration: underline;
 }
 
+div.text a {
+	font-weight: bold;
+}
+
+div.button a div {
+	word-break:break-all;
+	margin: 2%;
+	span {
+		white-space: nowrap;
+		display: inline-block;
+	}
+}
+
 img {
 	width: 100%;
 }

_sass/footer.scss

@@ -17,9 +17,6 @@
 		}
 		a {
 
-			&:hover {
-				text-decoration: none;
-			}
 			svg {
 				fill: #999;
 				margin-right: 10px;
@@ -82,11 +79,6 @@ footer {
 		}
 
 	}
-	
-	&,
-	a {
-		color: #999;
-	}
 
 	h2 {
 		font-size: 1.4em;
@@ -100,11 +92,6 @@ footer {
 		margin: -10px -10px 10px -10px;
 	}
 
-	a {
-		text-decoration: none;
-		color: #fff;
-	}
-
 	.legal-line {
 		width: 100%;
 		padding: 30px 0;

_sass/landing-page.scss

@@ -29,21 +29,16 @@
 .cta.button.alt a {
 	margin: 0 auto;
 	display: flex;
-	max-width: 40%;
+	width: fit-content;
 	justify-content: center;
 	align-items: center;
 
 	.social-icon {
-		margin-right: 16px;
-		max-width: 80px;
+		margin: 2%;
+		width: 80px;
 	}
 }
 
-.releases {
-	color: inherit;
-	text-decoration: underline;
-}
-
 .bottom-cta {
 	background: linear-gradient(to bottom, $brand-color 0%, $middle-gradient-color 100%);
 	color: #fff;

index.html

@@ -14,10 +14,15 @@ <h2 class="app-subtitle">A powerful build planner for Path of Exile</h2>
 				<div class="cta button alt">
 					<a href="https://github.com/PathOfBuildingCommunity/PathOfBuilding-PoE2/releases/latest/download/PathOfBuildingCommunity-PoE2-Setup.exe ">
 						<img class="social-icon" src="{{ site.baseurl }}/images/poe2_icon.png" alt="Path of Exile 1 logo"/>
-						Download POB2 for POE2!
+						<div>
+							<span>Download</span>
+							<span>Path of Building 2</span>
+							<span>for</span>
+							<span>Path of Exile 2!</span>
+						</div>
 					</a>
 				</div>
-				<a href="https://github.com/PathOfBuildingCommunity/PathOfBuilding-PoE2/releases" class="releases">
+				<a href="https://github.com/PathOfBuildingCommunity/PathOfBuilding-PoE2/releases">
 					See all releases
 				</a>
 			</div>
@@ -28,10 +33,15 @@ <h2 class="app-subtitle">A powerful build planner for Path of Exile</h2>
 				<div class="cta button alt">
 					<a href="https://github.com/PathOfBuildingCommunity/PathOfBuilding/releases/latest/download/PathOfBuildingCommunity-Setup.exe">
 						<img class="social-icon" src="{{ site.baseurl }}/images/poe1_icon.png" alt="Path of Exile 2 logo"/>
-						Download POB for POE!
+						<div>
+							<span>Download</span>
+							<span>Path of Building</span>
+							<span>for</span>
+							<span>Path of Exile!</span>
+						</div>
 					</a>
 				</div>
-				<a href="https://github.com/PathOfBuildingCommunity/PathOfBuilding/releases" class="releases">
+				<a href="https://github.com/PathOfBuildingCommunity/PathOfBuilding/releases">
 					See all releases
 				</a>
 			</div>
@@ -40,7 +50,7 @@ <h2 class="app-subtitle">A powerful build planner for Path of Exile</h2>
 </section>
 
 <section class="what-is-this">
-	<div class="text-container">
+	<div class="text text-container">
 		This project is open source and needs your skills!
 		Take a look <a href="https://github.com/PathOfBuildingCommunity/PathOfBuilding/blob/master/CONTRIBUTING.md">here</a> to see how you can help out.
 		<br>