Skip to content

Commit 88a69f5

Browse files
int2001int2001
committed
Better UI / Bootstrap
1 parent 70ea2d6 commit 88a69f5

File tree

1 file changed

+67
-63
lines changed

1 file changed

+67
-63
lines changed

‎advanced.html‎

Lines changed: 67 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
<!DOCTYPE html>
22
<html>
33

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta http-equiv="Content-Security-Policy"
7-
content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'" />
8-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9-
<!-- Bootstrap CSS -->
10-
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" />
11-
<script>let $ = require("jquery");</script>
12-
<script>require("popper.js");</script>
13-
<script>require("bootstrap");</script>
14-
</head>
15-
16-
<style>
17-
html, body {
18-
overflow-x: hidden;
19-
margin: 0;
20-
padding: 0;
21-
background-color: #303030;
22-
color: #c6c6c6;
23-
}
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="Content-Security-Policy"
7+
content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9+
<!-- Bootstrap CSS -->
10+
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" />
11+
<script>let $ = require("jquery");</script>
12+
<script>require("popper.js");</script>
13+
<script>require("bootstrap");</script>
14+
</head>
15+
16+
<style>
17+
html, body {
18+
overflow-x: hidden;
19+
margin: 0;
20+
padding: 0;
21+
background-color: #303030;
22+
color: #c6c6c6;
23+
}
2424

2525
body {
2626
background-color: #303030;
@@ -101,7 +101,7 @@
101101
}
102102

103103
.form-control:disabled, .form-control[readonly] {
104-
background-color: #3e3e3e;
104+
background-color: #3e3e3e;
105105
opacity: 1;
106106
}
107107

@@ -129,46 +129,50 @@
129129
label svg {
130130
cursor: pointer;
131131
}
132-
</style>
133-
134-
<body>
135-
<div class="row">
136-
<div class="col">
137-
<div class="mb-3 col-mb-3">
138-
<label for="hamlib_host">Hamlib Host</label>
139-
<input type="text" class="form-control form-control-sm" name="hamlib_host"
140-
id="hamlib_host" value="" />
141-
</div>
142-
</div>
143-
<div class="col">
144-
<div class="mb-2 col-mb-2">
145-
<label for="hamlib_port">Hamlib Port</label>
146-
<input type="number" class="form-control form-control-sm" name="hamlib_port"
147-
id="hamlib_port" value="" />
148-
</div>
149-
</div>
150-
<div class="col">
151-
<div class="mb-1 col-mb-1">
152-
<label for="hamlib_ena">Hamlib Enabled</label>
153-
<input type="checkbox" value="1" class="form-control form-control-sm" name="hamlib_ena" id="hamlib_ena" value="" />
154-
</div>
155-
</div>
156-
</div>
157-
<div class="row">
158-
<div class="col">
159-
<div class="mb-1 col-mb-1">
160-
<label for="ignore_pwr">Ignore Power</label>
161-
<input type="checkbox" value="1" class="form-control form-control-sm" name="ignore_pwr" id="ignore_pwr" title="log out of wavelog to disregard old value" value="" />
162-
</div>
163-
</div>
164-
</div>
165-
<div class="row" id="buttonsRow">
166-
<div class="col">
167-
<div class="mb-3 col-mb-3" style="text-align: left">
168-
<button type="button" class="btn btn-primary" id="save"></i>Save</button>
169-
</div>
170-
</div>
171-
</div>
172-
<script src="./advanced.js"></script>
173-
</body>
132+
</style>
133+
134+
<body>
135+
<main>
136+
<div class="container">
137+
<div class="row">
138+
<div class="col">
139+
<div class="mb-3 col-mb-3">
140+
<label for="hamlib_host">Hamlib Host</label>
141+
<input type="text" class="form-control form-control-sm" name="hamlib_host"
142+
id="hamlib_host" value="" />
143+
</div>
144+
</div>
145+
<div class="col">
146+
<div class="mb-2 col-mb-2">
147+
<label for="hamlib_port">Hamlib Port</label>
148+
<input type="number" class="form-control form-control-sm" name="hamlib_port"
149+
id="hamlib_port" value="" />
150+
</div>
151+
</div>
152+
<div class="col">
153+
<div class="mb-1 col-mb-1">
154+
<label for="hamlib_ena">Hamlib Enabled</label>
155+
<input type="checkbox" value="1" class="form-control form-control-sm" name="hamlib_ena" id="hamlib_ena" value="" />
156+
</div>
157+
</div>
158+
</div>
159+
<div class="row">
160+
<div class="col">
161+
<div class="mb-1 col-mb-1">
162+
<label for="ignore_pwr">Ignore Power</label>
163+
<input type="checkbox" value="1" class="form-control form-control-sm" name="ignore_pwr" id="ignore_pwr" title="log out of wavelog to disregard old value" value="" />
164+
</div>
165+
</div>
166+
</div>
167+
<div class="row" id="buttonsRow">
168+
<div class="col">
169+
<div class="mb-3 col-mb-3" style="text-align: left">
170+
<button type="button" class="btn btn-primary" id="save"></i>Save</button>
171+
</div>
172+
</div>
173+
</div>
174+
<script src="./advanced.js"></script>
175+
</div>
176+
</main>
177+
</body>
174178
</html>

0 commit comments

Comments
 (0)