Now make the initial screen look less stupid

New sizing kinda made it look stupid. So make it less stupid looking.

Now make the initial screen look less stupid
New sizing kinda made it look stupid. So make it less stupid looking.
803a6bb2 · Dominik V. Salonen · 775c4a8a · 803a6bb2 · 803a6bb2
Commit 803a6bb2 authored Aug 31, 2018 by Dominik V. Salonen
Hide whitespace changes
Inline Side-by-side

Showing with 9 additions and 3 deletions

index.html index.html +4 -1

style.css style.css +5 -2

No files found.
--- a/index.html
+++ b/index.html
@@ -33,7 +33,10 @@
          </div>
          
          <div id="page">
-            <p class="initial-text">Click a button!</p>
+            <p class="initial-text">
+              <i class="fa fa-arrow-up" aria-hidden="true"></i><br>
+              Click a button!
+            </p>
          </div>
          
        </div>

--- a/style.css
+++ b/style.css
@@ -170,8 +170,11 @@ a:hover {
 #page p.initial-text:first-child {
  font-size: 18pt;
  text-align: center;
-  margin-top: 70px;
-  margin-bottom: 70px;
+}
+
+#page p.initial-text i {
+  font-size: 32pt;
+  margin-bottom: 15px;
 }

 .notice {