From e41ac5b990ecece83b5038c763a8d9e38335ce3d Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Sun, 23 May 2021 18:10:36 +0200
Subject: [PATCH] Making inset button always visible on touchscreens  #309

---
 .../search/search-field/search-field.gallery.component.css  | 6 ++++++
 .../search/search-field/search-field.gallery.component.html | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.css b/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.css
index 984d50cd..f63a984a 100644
--- a/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.css
+++ b/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.css
@@ -22,6 +22,12 @@
 .autocomplete-item-selected .insert-button {
   display: block;
 }
+@media (hover: none) {
+  .insert-button {
+    display: block;
+  }
+}
+
 .autocomplete-item-selected .insert-button:hover {
   color: black;
 }
diff --git a/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.html b/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.html
index f5d8a6b0..cc013fb7 100644
--- a/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.html
+++ b/src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.html
@@ -48,7 +48,10 @@
                      <span *ngSwitchCase="SearchQueryTypes.distance" class="oi oi-map-marker"></span>
                     </span>
         {{item.preText}}<strong>{{item.highLightText}}</strong>{{item.postText}}
-        <span class="oi oi-chevron-right insert-button float-right" (click)="applyAutoComplete(item)"></span>
+        <span class="oi oi-chevron-right insert-button float-right" (click)="applyAutoComplete(item)"
+              title="Insert"
+              i18n-title>
+        </span>
       </div>
     </div>
   </div>