From ebecfa2af26bdaa0051911c55085cd1dbd4bae52 Mon Sep 17 00:00:00 2001
From: ishi720 <ishizuka720@gmail.com>
Date: Wed, 5 Jun 2024 23:25:38 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=AD=E3=83=A3=E3=83=A9=E3=82=AF=E3=82=BF?=
 =?UTF-8?q?=E3=83=BC=E4=B8=80=E8=A6=A7=E7=94=BB=E9=9D=A2=E3=81=AE=E3=83=AC?=
 =?UTF-8?q?=E3=82=A4=E3=82=A2=E3=82=A6=E3=83=88=E3=82=92=E4=BF=AE=E6=AD=A3?=
 =?UTF-8?q?=20#4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/stylesheets/application.scss |  4 ++++
 app/views/characters/index.html.erb     | 20 +++++++++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 7fd2d04..1258376 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -47,4 +47,8 @@
     color: #ffffff;
     border-radius: 3px;
   }
+}
+
+.ui.cards>.card{
+  width: 270px;
 }
\ No newline at end of file
diff --git a/app/views/characters/index.html.erb b/app/views/characters/index.html.erb
index e98ecfa..1348326 100644
--- a/app/views/characters/index.html.erb
+++ b/app/views/characters/index.html.erb
@@ -1,21 +1,27 @@
 <h1 class="ui header">キャラクター一覧</h1>
 
-<div>
+<div style="padding-bottom: 10px;">
     <%= link_to "カレンダーへ", root_path =%>
 </div>
 
-<%= form_tag(characters_path, method: "get") do %>
-  <%= text_field_tag :search, params[:search] %>
-  <%= submit_tag "検索" %>
-<% end %>
+<div class="ui grid" style="padding-bottom: 10px;">
+  <div class="eight wide column">
+    <%= form_tag(characters_path, method: "get", class: "ui form") do %>
+      <div class="ui action input">
+        <%= text_field_tag :search, params[:search], placeholder: "キーワードを指定" %>
+        <button type="submit" class="ui icon button primary"><i class="search icon"></i></button>
+      </div>
+    <% end %>
+  </div>
 
-<div>
+  <div class="eight wide column" style="text-align: end;">
     <%= link_to new_character_path, class: "ui button primary" do %>
         <i class="plus icon"></i>新規登録
     <% end %>
+  </div>
 </div>
 
-<div style="text-aline: center;">
+<div style="text-align: center; padding-bottom: 10px;">
     <%= paginate @characters %>
 </div>