From ea68256ae1e15fdcb675dac1ec8e3717a84ed36e Mon Sep 17 00:00:00 2001
From: "Matthias P. Braendli" <matthias.braendli@mpb.li>
Date: Tue, 16 Jan 2024 22:18:58 +0100
Subject: Improve CSS

---
 templates/dashboard.html |  6 +++---
 templates/incoming.html  |  2 +-
 templates/send.html      | 21 ++++++++++++---------
 templates/settings.html  |  3 ++-
 4 files changed, 18 insertions(+), 14 deletions(-)

(limited to 'templates')

diff --git a/templates/dashboard.html b/templates/dashboard.html
index fa899ba..a58bec6 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -1,12 +1,12 @@
 {% include "head.html" %}
-<div class="">
+<div class="content">
   <h1>Dashboard</h1>
-  <div>
+  <div class="section">
     <h2>Statistics</h2>
     <p>This node is up since {{ node_startup_time }}</p>
     <p>Database contains {{ num_received_frames }} received frames</p>
   </div>
-  <div>
+  <div class="section">
     <h2>Ten most recent packets</h2>
     <ul>
       {% for packet in packets %}
diff --git a/templates/incoming.html b/templates/incoming.html
index 3de173d..2a43623 100644
--- a/templates/incoming.html
+++ b/templates/incoming.html
@@ -1,5 +1,5 @@
 {% include "head.html" %}
-<div class="">
+<div class="content">
   Incoming!
 </div>
 {% include "foot.html" %}
diff --git a/templates/send.html b/templates/send.html
index 2a669e4..7889c20 100644
--- a/templates/send.html
+++ b/templates/send.html
@@ -1,14 +1,15 @@
 {% include "head.html" %}
-<div class="">
+<div class="content">
   <h1>Send a frame</h1>
-  <p>
-  One main feature of CATS is that packets are constructed from Whiskers.
+  <p>One main feature of CATS is that packets are constructed from Whiskers.
   Each Whisker represents one possible attribute of data.</p>
   <p>On this page you can select which whiskers to include in your packet.</p>
 
-  <div>
+  <div class="section">
     <h2>Identification</h2>
     <p>{{ conf.callsign }}-{{ conf.ssid }}</p>
+  </div>
+  <div class="section">
     <h2>Destination Whisker</h2>
     <p>CATS packets can optionally have one or more destinations.
     This can be useful for e.g. sending a message to another amateur radio operator,
@@ -16,21 +17,23 @@
     The destination consists of a UTF-8 callsign and an SSID byte.</p>
     <template id="destination_template">
       <p class="destination">
-        <input class="textinput dest_callsign" type="text" placeholder="Type callsign here">
-        <input class="textinput dest_ssid" type="text" placeholder="Type SSID here">
-        <button class="btn" type="button" onclick="btn_remove_destination(this)">Remove</button>
+      <input class="textinput dest_callsign" type="text" placeholder="Type callsign here">
+      <input class="textinput dest_ssid" type="text" placeholder="Type SSID here">
+      <button class="btn" type="button" onclick="btn_remove_destination(this)">Remove</button>
       </p>
     </template>
     <div id="destinations"></div>
     <button class="btn" type="button" onclick="btn_add_destination()">Add destination</button>
+  </div>
+  <div class="section">
     <h2>Comment Whisker</h2>
     <div>
       <input type="checkbox" id="with_comment" value="Include Comment" checked>
       <input class="textinput" type="text" id="whisker_comment" placeholder="Type comment here">
     </div>
-
-    <button class="btn" type="button" onclick="btn_send_packet()">Send</button>
   </div>
+
+  <button class="btn" type="button" onclick="btn_send_packet()">Send</button>
 </div>
 {% include "foot.html" %}
 {# vi:set et sw=2 ts=2: #}
diff --git a/templates/settings.html b/templates/settings.html
index a24137e..b8ec258 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -1,7 +1,8 @@
 {% include "head.html" %}
-<div class="">
+<div class="content">
   <h1>Node Settings</h1>
 
+  <div class="section">
   <form action="/settings" method="post">
     <fieldset>
       <legend>General</legend>
-- 
cgit v1.2.3