From 397ad9630da60425dd77b32a5fffc5150ba7836b Mon Sep 17 00:00:00 2001
From: tobias <thinkdifferent055@gmail.com>
Date: Mon, 11 Jan 2021 20:44:42 +0100
Subject: [PATCH] Fixed #18 - Improve page selection styling
---
src/static/css/main.css | 23 +++++++++++++++++++++++
src/templates/index.html | 9 ++++-----
2 files changed, 27 insertions(+), 5 deletions(-)
diff --git a/src/static/css/main.css b/src/static/css/main.css
index 0ace9d0..98b9fed 100644
--- a/src/static/css/main.css
+++ b/src/static/css/main.css
@@ -52,3 +52,26 @@ body {
margin: auto;
text-align: center;
}
+
+.spacer {
+ margin-bottom: 5vmin;
+}
+
+.page-item {
+ display: block;
+ background-color: #616161;
+ text-align: center;
+ border-radius: 1vh;
+ margin: 2vmin;
+ padding: 2vmin;
+
+ text-decoration: none;
+ color: white;
+ font-size: 1.5rem;
+}
+
+@media (max-width: 600px) {
+ .content {
+ width: 90%;
+ }
+}
\ No newline at end of file
diff --git a/src/templates/index.html b/src/templates/index.html
index 69a48e6..26d46eb 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -10,11 +10,10 @@
<div class="main">
<div class="content">
<h2>Available Pages</h2>
- <ul>
- {% for name in pageNames %}
- <li><a href="{{ url_for("routes.show_page", pageName=name) }}">{{ name }}</a></li>
- {% endfor %}
- </ul>
+ <div class="spacer"></div>
+ {% for name in pageNames %}
+ <a class="page-item" href="{{ url_for("routes.show_page", pageName=name) }}">{{ name }}</a>
+ {% endfor %}
</div>
</div>
</body>
--
GitLab