slight layout update, mostly relevant for mobile

This commit is contained in:
Kristy Fournier 2026-01-21 23:45:14 -05:00
parent 0dba7fd8cf
commit 6a04ac30f5
2 changed files with 14 additions and 4 deletions

View file

@ -22,7 +22,7 @@ changes visibility with JS-->
<input type="text" autocomplete="off" placeholder="Search" id="songsearch" enterkeyhint="Search" class="searchbox"><button class="go-search" id="go-search">Go!</button>
</div>
<div class="songlist" id="songlist">
<h1>Search to find songs!</h1>
<h1 style="margin-top: 0px;">Search to find songs!</h1>
<!-- Placeholder for the song items
These are generated using javascript for search
@ -112,7 +112,9 @@ changes visibility with JS-->
<img tabindex=0 class="control-button" id="skip-button" src="./images/skip.png" alt="Skip"></img>
<img tabindex=0 class="control-button" id="search-button" src="./images/search.png" alt="Search"></img>
</div>
<div class="settings-button-holder">
<img tabindex=0 class="settings-button control-button" id="settings-button" src="./images/settings.png" alt="settings"></img>
</div>
<script src="/ext/qrcode.min.js" integrity="sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="scripts.js"></script>
</body>