m.giller/giller.dev
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Fixed settings layout on mobile

Browse source
This commit is contained in:
Maximilian Giller 2023-02-25 04:55:38 +01:00
parent 4290d4850d
commit 07ef866de1
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -44,9 +44,10 @@
} }
#settings { #settings {
width: 500px; max-width: 500px;
margin: 0 auto; margin: 0 auto;
height: 60vh; height: 60vh;
padding: 0 20px;
} }
#settings-notice { #settings-notice {
@ -63,6 +64,11 @@
.hide { .hide {
opacity: 0; opacity: 0;
} }
.settings-table td {
vertical-align: top;
border-style: none;
}
</style> </style>
</head> </head>
@ -79,9 +85,14 @@
</div> </div>
<div id="settings"> <div id="settings">
<h1>Settings</h1> <h1>Settings</h1>
<input type="checkbox" id="notifications" name="notifications" value="notifications" /><label <table class="settings-table">
for="notifications">Enable wake up <tr>
notifications</label> <td><input type="checkbox" id="notifications" name="notifications" value="notifications" /></td>
<td><label for="notifications">Enable wake up
notifications</label></td>
</tr>
</table>
</div> </div>
<script> <script>