From 370d0ca6c7df58c969e698b090f602bc9634ed62 Mon Sep 17 00:00:00 2001
From: Yohei Yasukawa <yohei@yasslab.jp>
Date: Sun, 25 Oct 2020 10:14:14 +0900
Subject: [PATCH] Refactor #972: Use Haml style for label instead of raw HTML

---
 app/views/shared/_header.html.haml | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/views/shared/_header.html.haml b/app/views/shared/_header.html.haml
index 151bbdfb9..0b672b882 100644
--- a/app/views/shared/_header.html.haml
+++ b/app/views/shared/_header.html.haml
@@ -27,12 +27,14 @@
             %li= link_to '立ち上げる', '/kata#startup'
             %li= link_to '支援',       '/kata#support'
             %li= link_to 'FAQ',        '/kata#faq'
+
         / DocSearch: https://github.com/algolia/docsearch-configs/blob/master/configs/coderdojo.json
         %li.search-li
-          <label for="search" class="search-label"><img src="/img/search.svg" alt="検索" class="search-icon" /></label>
+          %label.search-label{for: 'search'}
+            %img.search-icon{alt: '検索', src: '/img/search.svg'}
           = check_box_tag :search, "検索アイコン", false, class: 'search-checkbox'
-          .search
-            %input#searchbox{ placeholder: "資料を検索", type: "text" }
+          %div.search
+            %input#searchbox{placeholder: "資料を検索", type: "text"}
             #hits
             #pagination
         %li= link_to 'お問い合わせ',   '/#contact'