From 97ef56f9056d2d2e8626957da2b21bfc6f7e8944 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Tue, 14 May 2024 11:10:48 +0200
Subject: [PATCH] small changes, tips and style

---
 client/homebrew/pages/archivePage/archivePage.jsx |  3 ++-
 .../homebrew/pages/archivePage/archivePage.less   | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/client/homebrew/pages/archivePage/archivePage.jsx b/client/homebrew/pages/archivePage/archivePage.jsx
index 5708b774b..dac0e9a33 100644
--- a/client/homebrew/pages/archivePage/archivePage.jsx
+++ b/client/homebrew/pages/archivePage/archivePage.jsx
@@ -187,7 +187,7 @@ const ArchivePage = createClass({
                             placeholder="v3 Reference Document"
                         />
                     </label>
-
+                    <small>Tip! you can use <a href="https://regexlearn.com/learn">RegEx</a> if you format your query as <code>/title/</code></small>
                     <label>
                         Results per page
                         <input
@@ -244,6 +244,7 @@ const ArchivePage = createClass({
                         />
                     </button>
                 </div>
+                <small>Remember, you can only search brews with this tool if they are published</small>
             </div>
         );
     },
diff --git a/client/homebrew/pages/archivePage/archivePage.less b/client/homebrew/pages/archivePage/archivePage.less
index 8fcd74610..6f4fc8684 100644
--- a/client/homebrew/pages/archivePage/archivePage.less
+++ b/client/homebrew/pages/archivePage/archivePage.less
@@ -4,6 +4,20 @@ body {
     .content {
         height: 100%;
     }
+
+    small {
+        font-size:10pt;
+        color:#555;
+        a {
+            color:#333;
+        }
+    }
+    
+    code {
+        background:lightgrey;
+        border-radius:5px;
+        padding-inline:5px
+    }
 }
 
 .archivePage {
@@ -250,6 +264,7 @@ body {
     33%, 65% {
         content:'..';
     }
+    
     66%,100% {
         content:'...';
     }