diff --git a/frontend/.env.example b/frontend/.env.example
index c1f51d8..6141572 100644
--- a/frontend/.env.example
+++ b/frontend/.env.example
@@ -1,4 +1,4 @@
VITE_APP_TITLE=Patlite Status Light Controller
VITE_DEVICE_URL=http://localhost:5000
VITE_DEVICE_PATH=/api/
-VITE_GITHUB_SOURCE=https://github.com/kevinmidboe/patlite-controller
+VITE_GITHUB_SOURCE=https://github.com/kevinmidboe/patlite-tower-lights-controller
diff --git a/frontend/index.html b/frontend/index.html
index 8f6d6ca..a290d48 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -5,7 +5,8 @@
Svelte App
-
+
+
diff --git a/frontend/public/fonts/IBMPlexSerif-SemiBoldItalic.woff2 b/frontend/public/fonts/IBMPlexSerif-SemiBoldItalic.woff2
new file mode 100644
index 0000000..98838a1
Binary files /dev/null and b/frontend/public/fonts/IBMPlexSerif-SemiBoldItalic.woff2 differ
diff --git a/frontend/public/style.scss b/frontend/public/styles.css
similarity index 72%
rename from frontend/public/style.scss
rename to frontend/public/styles.css
index f3b696a..4c77ba2 100644
--- a/frontend/public/style.scss
+++ b/frontend/public/styles.css
@@ -1,9 +1,8 @@
@font-face {
- font-family: 'ibm-plex';
- src: url('./fonts/IBMPlexSerif-SemiBoldItalic.ttf') format('truetype');
+ font-family: ibm-plex;
+ src: url('/fonts/IBMPlexSerif-SemiBoldItalic.woff2') format('woff2');
font-weight: 500;
font-style: italic;
- font-display: swap;
}
body {
@@ -31,8 +30,10 @@ body {
touch-action: manipulation;
margin: 2rem;
margin-bottom: 4rem;
+}
- @media screen and (max-width: 750px) {
+@media screen and (max-width: 750px) {
+ .container {
min-height: 100vh;
margin: 0;
}
@@ -46,11 +47,12 @@ h1 {
color: #333;
margin-top: 0;
font-size: 4rem;
- font-family: 'ibm-plex';
+ font-family: ibm-plex;
+ font-style: italic;
text-transform: uppercase;
}
-body > div#app > footer {
+main ~ footer {
position: absolute;
bottom: 0;
left: 0;
@@ -58,10 +60,13 @@ body > div#app > footer {
width: 100%;
display: grid;
place-items: center;
-
- a {
- display: inline-block;
- vertical-align: middle;
- height: 1.5rem;
- }
}
+
+main ~ footer a {
+ display: inline-block;
+ vertical-align: middle;
+ height: 1.6rem;
+ width: 1.5rem;
+}
+
+
diff --git a/frontend/src/components/Tools.svelte b/frontend/src/components/Tools.svelte
index 8d9809f..3a1baba 100644
--- a/frontend/src/components/Tools.svelte
+++ b/frontend/src/components/Tools.svelte
@@ -150,10 +150,12 @@
-webkit-user-select: none;
user-select: none;
+ /*
&::-webkit-details-marker,
&::marker {
display: none;
}
+ */
label,
p {
@@ -173,6 +175,7 @@
float: right;
text-align: right;
border-radius: 0.5rem;
+ border: none;
}
}
}