From 35ddf4d7c36b724bb4c643465351a79fd33a5968 Mon Sep 17 00:00:00 2001
From: "me@ow.nekobit.net" <me@ow.nekobit.net>
Date: Wed, 2 Mar 2022 04:27:02 +0000
Subject: [PATCH] Switch buttons to table (for GNU Emacs EWW)

FossilOrigin-Name: 69b86022052bcdd958c8a883983e8918b697ae8874eb7736ab930b2cce3b646e
---
 dist/ratfe20.css    |  3 ++-
 static/account.html |  1 -
 static/status.html  | 62 +++++++++++++++++++++++----------------------
 3 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/dist/ratfe20.css b/dist/ratfe20.css
index f0fb865..75f1f0d 100644
--- a/dist/ratfe20.css
+++ b/dist/ratfe20.css
@@ -13,12 +13,13 @@ body
     background-color: #ffffff;
     width: 1000px;
     border-radius: 5px;
-    border-top: 2px solid #fff;
+    border: 1px solid #dadada;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
 }
 
 #navbar
 {
+    border-top: 2px solid #fff;
     background: linear-gradient(#fafafa, #f3f3f3);
     display: flex;
     align-items: center;
diff --git a/static/account.html b/static/account.html
index 387a927..69f44eb 100644
--- a/static/account.html
+++ b/static/account.html
@@ -24,7 +24,6 @@
   </div>
 
   <img class="acct-pfp" src="%s">
-
 </div>
 
 <div class="account-content">
diff --git a/static/status.html b/static/status.html
index a68422c..49893b2 100644
--- a/static/status.html
+++ b/static/status.html
@@ -20,36 +20,38 @@
             %s
             %s
             <div class="status-interact">
-              <ul>
-                <li>
-                  <form action="%s/status/%s/reply" method="post">
-                    <input class="nobutton" type="submit" value="Reply%s">
-                  </form>
-                </li>
-                <li>
-                  <form action="%s/status/%s/interact" method="post">
-                    <input type="hidden" name="itype" value="repeat">
-                    <input class="nobutton %s" type="submit" value="Repeat%s">
-                  </form>
-                </li>
-                <li>
-                  <form action="%s/status/%s/interact" method="post">
-                    <input type="hidden" name="itype" value="like">
-                    <input class="nobutton %s" type="submit" value="Yeah!%s">
-                  </form>
-                </li>
-                <li>
-                  <form action="%s/status/%s/quick" method="post">
-                    <input class="nobutton" type="submit" value="Quick">
-                  </form>
-                </li>
-                <li>
-                  <a class="nobutton" href="%s/status/%s">View</a>
-                </li>
-                <li>
-                  <a class="nobutton" onclick="alert('hi');" href="#">Emoji</a>
-                </li>
-              </ul>
+              <table>
+                <tr>
+                  <td>
+                    <form action="%s/status/%s/reply" method="post">
+                      <input class="nobutton" type="submit" value="Reply%s">
+                    </form>
+                  </td>
+                  <td>
+                    <form action="%s/status/%s/interact" method="post">
+                      <input type="hidden" name="itype" value="repeat">
+                      <input class="nobutton %s" type="submit" value="Repeat%s">
+                    </form>
+                  </td>
+                  <td>
+                    <form action="%s/status/%s/interact" method="post">
+                      <input type="hidden" name="itype" value="like">
+                      <input class="nobutton %s" type="submit" value="Yeah!%s">
+                    </form>
+                  </td>
+                  <td>
+                    <form action="%s/status/%s/quick" method="post">
+                      <input class="nobutton" type="submit" value="Quick">
+                    </form>
+                  </td>
+                  <td>
+                    <a class="nobutton" href="%s/status/%s">View</a>
+                  </td>
+                  <td>
+                    <a class="nobutton" onclick="alert('hi');" href="#">Emoji</a>
+                  </td>
+                </tr>
+              </table>
             </div>
           </td>
         </tr>