From fa401d727f7f114d4c5285be86cc7ba15b0ffbed Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Tue, 6 Feb 2018 21:20:33 -0800
Subject: [PATCH] style tweaks

---
 routes/_components/search/AccountSearchResult.html | 5 +++++
 routes/_components/search/SearchResult.html        | 8 ++++++++
 routes/settings/instances/add.html                 | 2 +-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/routes/_components/search/AccountSearchResult.html b/routes/_components/search/AccountSearchResult.html
index e0f0c5b4..369bb1f9 100644
--- a/routes/_components/search/AccountSearchResult.html
+++ b/routes/_components/search/AccountSearchResult.html
@@ -36,6 +36,11 @@
     text-overflow: ellipsis;
     color: var(--deemphasized-text-color);
   }
+  @media (max-width: 767px) {
+    .search-result-account {
+      grid-column-gap: 10px;
+    }
+  }
 </style>
 <script>
   import Avatar from '../status/Avatar.html'
diff --git a/routes/_components/search/SearchResult.html b/routes/_components/search/SearchResult.html
index 1e7d30a7..ee3b03ab 100644
--- a/routes/_components/search/SearchResult.html
+++ b/routes/_components/search/SearchResult.html
@@ -16,6 +16,8 @@
     padding: 20px;
     flex: 1;
     background: var(--settings-list-item-bg);
+  }
+  .search-result-anchor, .search-result-anchor:visited {
     color: var(--body-text-color);
   }
   .search-result-anchor:hover {
@@ -25,4 +27,10 @@
   .search-result-anchor:active {
     background: var(--settings-list-item-bg-active);
   }
+
+  @media (max-width: 767px) {
+    .search-result-anchor {
+      padding: 15px 10px;
+    }
+  }
 </style>
\ No newline at end of file
diff --git a/routes/settings/instances/add.html b/routes/settings/instances/add.html
index 7bbbb457..bd9e62bd 100644
--- a/routes/settings/instances/add.html
+++ b/routes/settings/instances/add.html
@@ -23,7 +23,7 @@
       {{/if}}
 
       <label for="instanceInput">Instance:</label>
-      <input class="new-instance-input" type="url" id="instanceInput"
+      <input class="new-instance-input" type="text" id="instanceInput"
              bind:value='$instanceNameInSearch' placeholder='' required
       >
       <button class="primary" type="submit" id="submitButton" disabled="{{!$instanceNameInSearch}}">Add instance</button>