From 396ad28cdfe9f621b6270e6dee1814a14ed27494 Mon Sep 17 00:00:00 2001
From: miteruzo <miteruzo@naver.com>
Date: Tue, 27 Feb 2024 02:26:24 +0900
Subject: [PATCH] =?UTF-8?q?=E3=81=A1=E3=82=87=E3=81=A3=E3=81=B4=E3=82=8A?=
 =?UTF-8?q?=E3=83=AC=E3=82=B9=E3=83=9D=E3=83=B3=E3=82=B7=E3=83=96=E3=83=AB?=
 =?UTF-8?q?=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 broadcast/index.frm.php | 40 ++++++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/broadcast/index.frm.php b/broadcast/index.frm.php
index 08d1462..a5c15b5 100644
--- a/broadcast/index.frm.php
+++ b/broadcast/index.frm.php
@@ -26,33 +26,37 @@
                         <div class="accordion-body mx-5">
                             <div>
                                 <div class="row d-flex align-items-center my-2">
-                                    <div class="col-4 fw-bold">
+                                    <div class="col-sm-4 fw-bold">
                                         順序
                                     </div>
 
-                                    <div class="col-3 form-check">
-                                        <input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> />
+                                    <div class="col-sm">
+                                        <div class="row align-items-center">
+                                            <div class="col form-check">
+                                                <input class="form-check-input" type="radio" name="order" id="order-desc"<?= $asc ? '' : ' checked="checked"' ?> />
 
-                                        <label class="form-check-label" for="order-desc">
-                                            新しい順
-                                        </label>
-                                    </div>
+                                                <label class="form-check-label" for="order-desc">
+                                                    新しい順
+                                                </label>
+                                            </div>
 
-                                    <div class="col-3 form-check">
-                                        <input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> />
+                                            <div class="col form-check">
+                                                <input class="form-check-input" type="radio" name="order" id="order-asc"<?= $asc ? ' checked="checked"' : '' ?> />
 
-                                        <label class="form-check-label" for="order-asc">
-                                            古い順
-                                        </label>
+                                                <label class="form-check-label" for="order-asc">
+                                                    古い順
+                                                </label>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
 
                                 <div class="row d-flex align-items-center my-2">
-                                    <div class="col-4 fw-bold">
+                                    <div class="col-sm-4 fw-bold">
                                         日時ニジカ
                                     </div>
 
-                                    <div class="col input-group">
+                                    <div class="col-sm input-group">
                                         <input type="text" class="form-control" placeholder="YYYY-MM-DD" id="filter-date-start"
                                                value="<?= $date_start ?>" />
                                         <span class="input-group-text">〜</span>
@@ -62,11 +66,11 @@
                                 </div>
 
                                 <div class="row d-flex align-items-center my-2">
-                                    <div class="col-4 fw-bold">
+                                    <div class="col-sm-4 fw-bold">
                                         フリーワード
                                     </div>
 
-                                    <div class="col">
+                                    <div class="col-sm">
                                         <input type="text" class="form-control" placeholder="ぬ゛ぅ゛ぅ゛ぅ゛ぅ゛ぅ゛ん゛" id="filter-keyword" 
                                                value="<?= $keyword ?>"/>
                                     </div>
@@ -74,11 +78,11 @@
                             </div>
 
                             <div class="mt-3 row">
-                                <div class="col gap-2 d-grid">
+                                <div class="col-sm gap-2 d-grid my-1">
                                     <button type="button" class="btn btn-secondary" id="btn-reset">元に戻す</button>
                                 </div>
 
-                                <div class="col gap-2 d-grid">
+                                <div class="col-sm gap-2 d-grid my-1">
                                     <button type="button" class="btn btn-primary" id="btn-filter">絞り込む</button>
                                 </div>
                             </div>