From 89712d81a8b4ba0ab02ad1787b02f8642d79dcf8 Mon Sep 17 00:00:00 2001
From: swag <swaggboi@slackware.uk>
Date: Sat, 25 Dec 2021 01:05:34 -0500
Subject: [PATCH] CSS tweaks

---
 assets/css/swagg.css              | 12 +++++++---
 templates/layouts/default.html.ep | 13 ++++++----
 templates/sign.html.ep            | 26 +++++++-------------
 templates/sign.html.ep.orig       | 40 +++++++++++++++++++++++++++++++
 4 files changed, 66 insertions(+), 25 deletions(-)
 create mode 100644 templates/sign.html.ep.orig
diff --git a/assets/css/swagg.css b/assets/css/swagg.css
index 7efe90b..c511fe6 100644
--- a/assets/css/swagg.css
+++ b/assets/css/swagg.css
@@ -18,7 +18,7 @@ a:hover {
 
 form {
     cursor: auto;
-    /* text-align: center; */
+    text-align: center;
 }
 
 td {
@@ -38,12 +38,12 @@ hr {
 
 .inner {
     margin: 0 auto;
-    max-width: 90%;
+    max-width: 50%;
 }
 
 .outer {
     margin: 0 auto;
-    max-width: 95%;
+    max-width: 60%;
 }
 
 #bonzi {
@@ -73,3 +73,9 @@ hr {
 img {
     vertical-align: middle;
 }
+
+.bordered, .bordered tr, .bordered th, .bordered td {
+    border-style: double;
+    border-collapse: collapse;
+    padding: 10px;
+}
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 4785b80..375de10 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -2,10 +2,11 @@
 <html>
 <head>
   <title>Guestbook-NG - <%= title %></title>
+  <meta name="viewport" content= "width=device-width, initial-scale=1.0">
   <%= asset 'swagg.css' %>
 </head>
 <body>
-<center>
+<div class="outer">
   <h1>Guestbook-NG</h1>
   <!-- Nav table -->
   <table>
@@ -15,11 +16,15 @@
       <td><%= link_to Sign => 'sign' %></td>
     </tr>
   </table>
-  <%= content %>
+</div>
+<div class="inner">
+<%= content %>
+</div>
+<div class="outer">
   <footer>
     <p><i>Maximize your dynamic innovation using battle-tested deep
-        learning models.</i></p>
+      learning models.</i></p>
   </footer>
-</center>
+</div>
 </body>
 </html>
diff --git a/templates/sign.html.ep b/templates/sign.html.ep
index 153e6f8..800b452 100644
--- a/templates/sign.html.ep
+++ b/templates/sign.html.ep
@@ -2,39 +2,29 @@
 % title 'Sign';
 <h2>Sign the Guestbook</h2>
 <form method="post">
-  <table>
+  <table class="bordered">
     <tr>
-      <th>Name:</th>
+      <th>Name</th>
       <td><%= input_tag 'name' %></td>
     </tr>
     <tr>
-      <th>Message:</th>
+      <th>Message</th>
       <td><%= text_area 'message', cols => 40, rows => 6 %></td>
     </tr>
     <tr>
-      <th>SwaggCAPTCHA™:</th>
+      <th>SwaggCAPTCHA™</th>
       <td>
         <%= radio_button answer => 0 %>
-        <%= label_for answer => 'I don\'t want to sign (wrong answer)' %>
-      </td>
-    </tr>
-    <tr>
-      <th>&nbsp;</th>
-      <td>
+        <%= label_for answer => 'I don\'t want to sign (wrong answer)' %><br>
         <%= radio_button answer => 'false' %>
-        <%= label_for answer => 'I\'m ready to sign (choose this one)' %>
-      </td>
-    </tr>
-    <tr>
-      <th>&nbsp;</th>
-      <td>
+        <%= label_for answer => 'I\'m ready to sign (choose this one)' %><br>
         <%= radio_button answer => undef %>
         <%= label_for answer => 'This is spam/I\'m a bot, do not sign' %>
       </td>
     </tr>
     <tr>
-      <th>&nbsp;</th>
-      <td><%= submit_button 'Send it' %></td>
+      <th style="border: none;">&nbsp;</th>
+      <td style="border: none;"><%= submit_button 'Send it' %></td>
     </tr>
   </table>
 </form>
diff --git a/templates/sign.html.ep.orig b/templates/sign.html.ep.orig
new file mode 100644
index 0000000..0414dbe
--- /dev/null
+++ b/templates/sign.html.ep.orig
@@ -0,0 +1,40 @@
+% layout 'default';
+% title 'Sign';
+<h2>Sign the Guestbook</h2>
+<form method="post">
+  <table class="bordered">
+    <tr>
+      <th>Name</th>
+      <td><%= input_tag 'name' %></td>
+    </tr>
+    <tr>
+      <th>Message</th>
+      <td><%= text_area 'message', cols => 40, rows => 6 %></td>
+    </tr>
+    <tr>
+      <th>SwaggCAPTCHA™</th>
+      <td>
+        <%= radio_button answer => 0 %>
+        <%= label_for answer => 'I don\'t want to sign (wrong answer)' %>
+      </td>
+    </tr>
+    <tr>
+      <th>&nbsp;</th>
+      <td>
+        <%= radio_button answer => 'false' %>
+        <%= label_for answer => 'I\'m ready to sign (choose this one)' %>
+      </td>
+    </tr>
+    <tr>
+      <th>&nbsp;</th>
+      <td>
+        <%= radio_button answer => undef %>
+        <%= label_for answer => 'This is spam/I\'m a bot, do not sign' %>
+      </td>
+    </tr>
+    <tr>
+      <th>&nbsp;</th>
+      <td><%= submit_button 'Send it' %></td>
+    </tr>
+  </table>
+</form>

Name:	Name	<%= input_tag 'name' %>
Message:	Message	<%= text_area 'message', cols => 40, rows => 6 %>
SwaggCAPTCHA™:	SwaggCAPTCHA™	<%= radio_button answer => 0 %> - <%= label_for answer => 'I don\'t want to sign (wrong answer)' %> -
	+ <%= label_for answer => 'I don\'t want to sign (wrong answer)' %> <%= radio_button answer => 'false' %> - <%= label_for answer => 'I\'m ready to sign (choose this one)' %> -
	+ <%= label_for answer => 'I\'m ready to sign (choose this one)' %> <%= radio_button answer => undef %> <%= label_for answer => 'This is spam/I\'m a bot, do not sign' %>
	<%= submit_button 'Send it' %>		<%= submit_button 'Send it' %>