Adding branding to the default search.

public/css/styles.css

@@ -2,6 +2,16 @@ html {
   height: 100%;
   touch-action: none; }
 
+a.brand {
+  text-decoration: none;
+  color: black;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  font-size: 2em; }
+  a.brand img {
+    height: 0.8em;
+    width: fit-content; }
+
 body.aliexpress-redirection {
   background: azure; }
 
@@ -188,6 +198,8 @@ body {
     border-radius: 20px;
     width: calc(100% - 20px - 0.6rem);
     padding: 10px; }
+  body div.search-overlay.default div.search-results {
+    height: calc(100% - 80px - 37px); }
   body div.search-overlay {
     overflow-y: scroll;
     display: none;

public/css/styles.scss

@@ -12,12 +12,25 @@ $background_sidebar: $background-page; //#F5F5DC;
 $color_sidebar: #dcdcf5;
 $attribution_font_size: 0.8em;
 $tooltip-search-background: #390384;
+$font_size_brand: 2em;
 
 html {
   height: 100%;
   touch-action: none;
 }
 
+a.brand {
+  text-decoration: none;
+  color: black;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  font-size: $font_size_brand;
+  img {
+    height: 0.8em;
+    width: fit-content;
+  }
+}
+
 body.aliexpress-redirection {
   background: azure;
 }
@@ -235,6 +248,12 @@ body {
     padding: 10px;
   }
 
+  div.search-overlay.default {
+      div.search-results {
+        height: calc(100% - 80px - 37px);
+      }
+   }
+
   div.search-overlay {
     overflow-y: scroll;
     display: none;

templates/layouts/search_results.html.ep

@@ -82,6 +82,7 @@
                     </a>
                 </div>
 % }
+            <a href="/" class="brand"><img src="/img/burguillos-new-logo.svg?v=1" alt=""/> Burguillos Info</a>
             <div class="search-results <%=$is_android && 'search-android'%>">
                 <%= content %>
                 <p>Burguillos Info ©2022-<%=$year%> Sergio Iglesias</p>