Improve layout.scss

Signed-off-by: sunilpaulmathew <sunil.kde@gmail.com>

Author: sunilpaulmathew

docs/_layouts/default.html

@@ -50,18 +50,18 @@ <h1 class="appName">
                         <div class="downloadButtonsContainer">
                             <div class="dropdown">
   				<button class="dropbtn">
-					<img class="playStore" src="assets/playstore.png" alt="Play Store">
+					<img class="playStore" src="assets/downloads.png" alt="Play Store">
 				</button>
 				<div class="dropdown-content">
 					{% if site.playstore_link %}
-						<a href="{{ site.playstore_link }}">Pro Version</a>
+						<a href="{{ site.playstore_link }}">Google Play (Pro)</a>
 					{% endif %}
 					{% if site.playstore_free_link %}
-						<a href="{{ site.playstore_free_link }}">Free Version</a>
+						<a href="{{ site.playstore_free_link }}">Google Play (Free)</a>
 					{% endif %}
+					<a href="{{ site.fdroid_link }}">F-Droid (Free)</a>
 				</div>
                             </div>
-                            <a class="fDroidLink" href="{{site.fdroid_link}}"><img class="appStore" src="assets/fdroid.png"></a>
                         </div>
                     </div>
                     {% include features.html %}

docs/_sass/layout.scss

@@ -64,7 +64,7 @@
 
 	.container {
 		grid-column-gap: 0px;
-		grid-template-columns: 1;
+		grid-template-columns: 1fr;
 		grid-template-rows: 115px auto auto auto auto;
 		grid-template-areas: 
 			"h h h h h h h h h h h h"
@@ -283,6 +283,11 @@ nav > ul li a:active {
 	background-color: #3e8e41;
 }
 
+.playStore {
+	width: auto;
+	height: 75px;
+}
+
 @media only screen and (max-width: 992px) {
 
 	.appInfo {
@@ -378,11 +383,6 @@ nav > ul li a:active {
 		text-align: center;
 	}
 
-} 
-
-.playStore {
-	height: 75px;
-	margin-right: 24px;
 }
 
 @media only screen and (max-width: 992px) {
@@ -401,10 +401,6 @@ nav > ul li a:active {
 		margin-bottom: 24px;
 	}
 
-} 
-
-.appStore {
-	height: 75px;
 }
 
 .iphonePreview {