Responsive cosmetics

src/components/SearchField.vue

@@ -65,9 +65,12 @@ export default {
 </script>
 
 <style scoped>
+.search-input {
+  width: 18rem;
+}
 @media screen and (min-width: 1024px) and (max-width: 1215px) {
   .search-input {
-    max-width: 13rem;
+    max-width: 11rem;
   }
 }
 </style>

src/components/SwisstopoInfo.vue

@@ -6,7 +6,7 @@
       </div>
       <h3>swisstopo-Karte jetzt verfügbar</h3>
       <p>Auf SOTLAS kann man nun auch die moderne swisstopo Vektor-Karte nutzen. Einfach den Kartentyp umstellen, fertig!</p>
-      <div class="has-text-centered is-hidden-mobile">
+      <div class="has-text-centered is-hidden-touch">
         <img class="swisstopo-info" src="../assets/swisstopo-info.png" />
       </div>
       <div>