Minor tweaks to the layout of the page

GarkGarcia · GarkGarcia · commit c34be6e7d81e · 2020-12-27T08:25:27.000+10:00
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -1854,6 +1854,7 @@ input, select, textarea {
 		cursor: pointer;
 		display: inline-block;
 		font-weight: bold;
+    font-size: 100%;
 		height: 2.85em;
 		line-height: 2.95em;
 		padding: 0 1.75em;
@@ -2278,7 +2279,7 @@ input, select, textarea {
 		display: inline-block;
 		position: relative;
 		overflow: hidden;
-    max-width: 60%;
+    max-width: 100%;
 	}
 
 		.image img {
@@ -2455,9 +2456,14 @@ input, select, textarea {
 		dl dt {
 			display: block;
 			font-weight: bold;
-			margin: 0 0 1em 0;
+			margin: 1em 0;
+      text-align: left;
 		}
 
+    dl dt:first-child {
+      margin-top: 0;
+    }
+
 		dl dd {
 			margin-left: 2em;
 		}
diff --git a/index.html b/index.html
@@ -2,8 +2,7 @@
 <!--
 	Fractal by HTML5 UP
 	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
--->
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -->
 <html>
 	<head>
 		<title>Mathics</title>
@@ -22,12 +21,17 @@ <h1><a href="#">Mathics</a></h1>
           <p>A free, open-source alternative to Mathematica</p>
 					<ul class="actions">
 						<li>
-              <a href="#install" 
-                class="button primary icon solid fa-download">Download</a>
+              <a href="#install">
+                <button class="primary icon solid fa-download">
+                  Download
+                </button>
+              </a>
             </li>
 						<li>
-              <a href="#description" class="button icon solid fa-chevron-down scrolly">
-                Learn More
+              <a href="#description">
+                <button class="icon solid fa-chevron-down scrolly">
+                  Learn More
+                </button>
               </a>
             </li>
 					</ul>
@@ -248,7 +252,7 @@ <h2>Support</h2>
 
 		<!-- Screenshots -->
 			<section id="screenshots" class="wrapper style2 special">
-				<header class="major">
+				<header class="inner major">
 					<h2>Screenshots</h2>
           <dl>
             <dt>mathicsscript</dt>
