changes from Joana

web/app/static/styles/custom.css

   text-shadow: 1px 1px 10px var(--color-lightyellow);
 }
 
-.arrow-back {
+.search-back {
     position: fixed;
     left: 0;
     margin: 0.5rem;
+    font-size: var(--body-fontsize-s) !important;
+    text-decoration: none;
+    background: transparent;
+    color: var(--color-dark) !important;
+    border: 0.1rem solid var(--color-dark);
+    border-radius: 2rem 2.5rem !important;
+    padding: 0.2rem 0.3rem;
+}
+
+.search-back:hover {
+    background: var(--color-dark) !important;
+    color: var(--color-lightyellow) !important;
 }
 
 .action {
 }
 
 
-/***************** MOBILE ****************/
+/***************** SMALL DEVICES ****************/
 
 @media screen and (min-width:0px) and (max-width: 768px) {
 
       padding: 0.5rem !important;
   }
 
-  .arrow-back {
+  .search-back {
     margin: -1rem 0.5rem;
   }
 
   }
 
 }
+
+@media screen and (min-width:0px) and (max-width: 414px) {
+
+  /* changing layout to column on phones  */
+
+    .index-row {
+        display: flex;
+        width: 100%;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+        flex-direction: column;
+        align-items: center;
+    }
+}

web/app/templates/index.html

 </div>
 
 {% endblock %}
-
-{% block footer %}
-<footer class="footer p-3">
-  <div class="container info" style="display: none" >
-      <span class="text-muted">© 2023 Julien McHardy & Kat Jungnickel, chapters by respective authors. Licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)</a> license.</span>
-      <span class="text-muted">Data from the <a href="https://www.politicsofpatents.org/">Politics of Patents</a> research project hosted at Goldsmiths, University of London, and funded by the European Research Council under the European Union’s Horizon 2020 research and innovation programme (#819458).</span>
-   </div>
-</footer>
-{% endblock%}

web/app/templates/theme.html

 
 {% block content %}
 
-<a href="/contents/" class="arrow-back h1 text-left" title="back to index"> ⇽ </a>
+<a href="/contents/" class="search-back text-left" title="back to search">search</a>
 
 <div class="themes">