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 = () => {
+
Tom
+
(User: plebeius.eth)
+
2 weeks ago
+
No.
00000001
+
[
Reply
]
-
▶
+
▶
{'>>'}00000002
@@ -123,13 +128,17 @@ const Board = () => {
+
Anonymous
+
(User: Qma319kE7rrHNce8vH9fAjPjihUF4EZCaKSK8dBaFtxsVn)
+
2 weeks ago
+
No.
00000002
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