Further improve layout

This commit is contained in:
Tyler Vigario
2020-04-20 15:27:13 -07:00
parent 8f166b53d0
commit 33a497bc75

View File

@ -6,11 +6,11 @@
<title>botamusique web interface</title>
<link rel="icon" href="../static/image/favicon.ico" />
<link id="pagestyle" rel="stylesheet" href="../static/css/bootstrap.min.css">
<link rel="stylesheet" href="../static/css/custom.css">
<link rel="stylesheet" href="../static/css/tylervigario.css">
<link rel="icon" href="../static/image/favicon.ico" />
</head>
<body>
@ -19,7 +19,7 @@
<div class="col-auto">
<img src="../static/image/logo.png" height="200px">
</div>
<div class="col-auto my-auto">
<div class="col my-auto">
<h1>botamusique Web Interface</h1>
</div>
</div>
@ -356,7 +356,8 @@
<div class="card-body">
<form action="./upload" method="post" enctype="multipart/form-data">
<div class="row">
<div id="uploadBox" class="col-lg-7 input-group mb-3">
<div id="uploadBox" class="col-lg-7">
<div class="input-group mb-3">
<div id="uploadField" style="display: flex; width: 100%">
<div class="custom-file">
<input type="file" name="file[]" class="custom-file-input" id="uploadSelectFile"
@ -365,7 +366,11 @@
</div>
</div>
</div>
<div class="col-lg-4 input-group mb-3">
</div>
<div class="col-lg-5">
<div class="row">
<div class="col">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">Upload To</span>
</div>
@ -378,7 +383,12 @@
</datalist>
</div>
</div>
<div class="col-auto">
<button class="btn btn-primary" type="submit" id="uploadSubmit">Upload!</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>