From 2f1994f0623338cf66fe41de0aed76abbdf07d86 Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Sun, 16 Apr 2023 13:04:20 +0200
Subject: [PATCH] added styling to mobile backlinks

---
 src/components/styled/Board.styled.jsx | 45 ++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/src/components/styled/Board.styled.jsx b/src/components/styled/Board.styled.jsx
index b32fbc9f..6b5b1967 100644
--- a/src/components/styled/Board.styled.jsx
+++ b/src/components/styled/Board.styled.jsx
@@ -2631,6 +2631,15 @@ export const BoardForm = styled.div`
         padding: 0;
         padding-left: 5px;
       }
+      
+      .backlink-mobile {
+        padding: 3px 5px;
+        clear: both !important;
+        line-height: 2;
+        background-color: #ead6ca;
+        border-top: 1px solid #d9bfb7;
+        display: block;
+      }
 
       .quote-link {
         color: navy;
@@ -2961,6 +2970,15 @@ export const BoardForm = styled.div`
         padding-left: 5px;
       }
 
+      .backlink-mobile {
+        padding: 3px 5px;
+        clear: both !important;
+        line-height: 2;
+        background-color: #ead6ca;
+        border-top: 1px solid #d9bfb7;
+        display: block;
+      }
+
       .quote-link {
         color: navy;
         text-decoration: underline;
@@ -3124,6 +3142,15 @@ export const BoardForm = styled.div`
         padding-left: 5px;
       }
 
+      .backlink-mobile {
+        padding: 3px 5px;
+        clear: both !important;
+        line-height: 2;
+        background-color: #c9cde8;
+        border-top: 1px solid #b7c5d9;
+        display: block;
+      }
+
       .quote-link {
         color: #34345C;
         text-decoration: underline;
@@ -3280,6 +3307,15 @@ export const BoardForm = styled.div`
         padding-left: 5px;
       }
 
+      .backlink-mobile {
+        padding: 3px 5px;
+        clear: both !important;
+        line-height: 2;
+        background-color: #212326;
+        border-top: 1px solid #2D2F33;
+        display: block;
+      }
+
       .quote-link {
         color: #5f89ac;
         text-decoration: underline;
@@ -3454,6 +3490,15 @@ export const BoardForm = styled.div`
         padding: 0;
       }
 
+      .backlink-mobile {
+        padding: 3px 5px;
+        clear: both !important;
+        line-height: 2;
+        background-color: #ddd;
+        border-top: 1px solid #ccc;
+        display: block;
+      }
+
       blockquote {
         display: block;
         line-height: 1.3em;