From fb39ef5bc54b22338aa4ce7ef1d7fce14d66d197 Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Mon, 6 Feb 2023 12:48:35 +0100
Subject: [PATCH] finished thread styling

---
 src/components/Board.jsx               | 11 ++++++-
 src/components/styled/Board.styled.jsx | 42 ++++++++++++++++++--------
 2 files changed, 39 insertions(+), 14 deletions(-)

diff --git a/src/components/Board.jsx b/src/components/Board.jsx
index 650c1233..5d02a4b1 100644
--- a/src/components/Board.jsx
+++ b/src/components/Board.jsx
@@ -88,23 +88,28 @@ const Board = () => {
                 </span>
                 <div id="pi" className="post-info">
                   <input type="checkbox" name="id" value="delete"></input>
+                   
                   <span className="name-block">
                     <span className="name">Tom</span>
+                     
                     <span className="poster-address">
                       (User: plebeius.eth)
                     </span>
                   </span>
+                   
                   <span className="date-time" data-utc="data">2 weeks ago</span>
+                   
                   <span className="post-number">
                     <a href="post-link" title="Link to this post">No.</a>
                     <a href="post-link" title="Reply to this post">00000001</a>
+                       
                     <span>
                       [
                       <a className="reply-link" href="post-link">Reply</a>
                       ]
                     </span>
                   </span>
-                  <a className="post-menu-button" href="#" title="Post menu" data-cmd="post-menu">▶</a>
+                  <a className="post-menu-button" href="post-menu" title="Post menu" data-cmd="post-menu">▶</a>
                   <div id="backlink-id" className="backlink">
                       <span>
                         <a className="quote-link" href="post-link">{'>>'}00000002</a>
@@ -123,13 +128,17 @@ const Board = () => {
               <div className="post-reply">
                 <div className="post-info">
                   <input type="checkbox" name="id" value="delete"></input>
+                   
                   <span className="nameblock">
                     <span className="name">Anonymous</span>
+                     
                     <span className="poster-address">
                       (User: Qma319kE7rrHNce8vH9fAjPjihUF4EZCaKSK8dBaFtxsVn)
                     </span>
                   </span>
+                   
                   <span className="date-time" data-utc="data">2 weeks ago</span>
+                   
                   <span className="post-number">
                     <a href="post-link" title="Link to this post">No.</a>
                     <a href="post-link" title="Reply to this post">00000002</a>
diff --git a/src/components/styled/Board.styled.jsx b/src/components/styled/Board.styled.jsx
index ddc1aed3..52d472a6 100644
--- a/src/components/styled/Board.styled.jsx
+++ b/src/components/styled/Board.styled.jsx
@@ -170,22 +170,17 @@ export const BoardForm = styled.form`
     font-weight: 700;
   }
 
-  .post-link a {
+  .post-number a {
     text-decoration: none;
     color: maroon;
   }
 
-  .post-link a:hover {
+  .post-number a:hover {
     color: red;
   }
 
-  .reply-link a {
-    text-decoration: none;
-    color: #00e;
-  }
-
-  .reply-link a:hover {
-    color: red;
+  .reply-link:not(:hover) {
+    color: #00e !important;
   }
 
   .post-menu-button {
@@ -202,6 +197,10 @@ export const BoardForm = styled.form`
     opacity: 0.8;
   }
 
+  .post-menu-button:hover {
+    color: red;
+  }
+
   .backlink {
     font-size: 0.8em !important;
     display: inline;
@@ -209,12 +208,11 @@ export const BoardForm = styled.form`
     padding-left: 5px;
   }
 
-  .quote-link a {
-    color: navy !important;
-    text-decoration: none;
+  .quote-link {
+    color: navy;
   }
 
-  .quote-link a:hover {
+  .quote-link:hover {
     color: red;
   }
 
@@ -229,4 +227,22 @@ export const BoardForm = styled.form`
   .quote {
     color: #789922;
   }
+
+  .side-arrows {
+    color: #e0bfb7;
+    float: left;
+    margin-right: 2px;
+    margin-top: 0;
+    margin-left: 2px;
+  }
+
+  .post-reply {
+    background-color: #f0e0d6;
+    border: 1px solid #d9bfb7;
+    margin-top: 2px;
+    border-left: none;
+    border-top: none;
+    display: table;
+    padding: 2px;
+  }
 `;
\ No newline at end of file