H1K0-dev/tanabata
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(web): improve text input positioning in file menu

Browse Source
This commit is contained in:
Masahiko AMANO 2023-02-03 20:26:44 +03:00
parent 48475158f8
commit 371b091c10
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/public/css/tfm.css
View File

@ -103,6 +103,21 @@ form {
min-height: 0; min-height: 0;
} }
.form-group.row {
margin-left: 0;
margin-right: 0;
}
.col-form-label {
flex: 0 0 auto;
margin-right: 10px;
}
.col-form-input {
flex: 1 1 auto;
min-width: 200px;
}
.list { .list {
flex: 1 1 auto; flex: 1 1 auto;
display: flex; display: flex;

12
web/public/tfm/files.html
View File

@ -45,14 +45,14 @@
</div> </div>
<form> <form>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-2 col-form-label" for="name">File name</label> <label class="col-form-label" for="name">File name</label>
<div class="col-sm-10"> <div class="col-form-input">
<input type="text" name="name" class="form-control" id="name"> <input type="text" name="name" class="form-control" id="name">
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-3 col-form-label" for="text-filter">Tag filter</label> <label class="col-form-label" for="text-filter">Tag filter</label>
<div class="col-sm-9"> <div class="col-form-input">
<input type="text" name="text-filter" class="form-control" id="text-filter"> <input type="text" name="text-filter" class="form-control" id="text-filter">
</div> </div>
</div> </div>
@ -72,8 +72,8 @@
<h2>Add new file</h2> <h2>Add new file</h2>
<form> <form>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-2 col-form-label" for="new-name">File name</label> <label class="col-form-label" for="new-name">File name</label>
<div class="col-sm-10"> <div class="col-form-input">
<input type="text" name="new-name" class="form-control" id="new-name"> <input type="text" name="new-name" class="form-control" id="new-name">
</div> </div>
</div> </div>