From 230ce98ebfd0c1e69e83b6de8c0c50eea55d37e2 Mon Sep 17 00:00:00 2001
From: Fawwaz Anugrah Wiradhika Dharmasatya <13520086.std.stei.itb.ac.id>
Date: Tue, 29 Nov 2022 11:02:35 +0700
Subject: [PATCH] refactor: rearrange sorting filtering
---
View/Pages/SearchLagu.php | 9 +++++++--
static/css/search.css | 12 +++++++++++-
2 files changed, 18 insertions(+), 3 deletions(-)
diff --git a/View/Pages/SearchLagu.php b/View/Pages/SearchLagu.php
index 19ab515..5f122a1 100644
--- a/View/Pages/SearchLagu.php
+++ b/View/Pages/SearchLagu.php
@@ -13,7 +13,8 @@
]);
?>
-
+<form id="sort__filter">
+<div class="select__button">
<label for="jenisSort">SORT HASIL</label>
<select id="sortsType" name="sortsType">
<option value="titleASC" <?php if($sortsType==="titleASC")echo "selected"?> >Abjad Menaik(A-Z)</option>
@@ -21,7 +22,9 @@
<option value="yearOLD"<?php if($sortsType==="yearOLD")echo "selected"?> >Terlawas Dulu</option>
<option value="yearNEW"<?php if($sortsType==="yearNEW")echo "selected"?> >Terbaru Dulu</option>
</select>
-<label for="filterGenre">Filter</label>
+</div>
+<div class="select__button">
+<label for="filterGenre">FILTER</label>
<select id="filteredGenre" name = "filteredGenre">
<option value='nofilter'
<?php if($selectedGenre==="nofilter"){ ?>
@@ -39,6 +42,8 @@
<?=$_genre["genre"]?></option>
<?php } ?>
</select>
+</div>
+</form>
<div>
<!-- header -->
diff --git a/static/css/search.css b/static/css/search.css
index 7515686..7083a8c 100644
--- a/static/css/search.css
+++ b/static/css/search.css
@@ -75,6 +75,16 @@
}
#judul_{
-
margin-left:15vw;
+}
+
+#sort__filter{
+ display:flex;
+ flex-direction: row;
+ justify-content: space-between;
+ width:82%;
+}
+.select__button{
+ display: flex;
+ flex-direction: column;
}
\ No newline at end of file
--
GitLab