Improve button styles

index.html

@@ -24,8 +24,8 @@
                 <p>Because SO2 + 2NaOH → Na2SO3 + H2O</p>
                 <h2>PGP functions</h2>
                 <p>
-                    <a class="bigBtn" href="/verify">verify</a>
-                    <a class="bigBtn" href="/encrypt">encrypt</a>
+                    <a class="bigBtn" href="/verify">verify signature</a>
+                    <a class="bigBtn" href="/encrypt">encrypt message</a>
                 </p>
                 <h2>About</h2>
                 <p><a href="/">Keyoxide</a> is a lightweight and FOSS solution to make basic cryptography operations accessible to regular humans.</p>

styles.css

@@ -34,9 +34,9 @@ footer {
     flex: 1;
 }
 .bigBtn {
-    color: #333;
-    width: 100%;
+    display: inline-block;
     padding: 8px;
+    color: #333;
     font-size: 1.2em;
     text-transform: uppercase;
     text-decoration: none;
@@ -56,12 +56,15 @@ h1 {
     background-color: #9dd3f0;
     text-align: center;
 }
-h3 {
+h2, h3 {
     margin-top: 48px;
 }
 a {
     color: #3f9acc;
 }
+a.bigBtn {
+    margin-right: 8px;
+}
 textarea {
     width: 100%;
     height: 128px;
@@ -70,6 +73,9 @@ textarea {
 input[type="radio"] {
     vertical-align: sub;
 }
+input[type="submit"] {
+    width: 100%;
+}
 .green {
     color: green;
 }