autotako

commit 99def276b183dab3e93c9f19e7dd8318fbd53670
parent 966991bf02ec3ab2a1c023c3ba7b6368b4b92e79
Author: archiveanon <>
Date:   Sat, 25 Jan 2025 11:11:06 +0000

Implement mobile view styling

Diffstat:
M
src/autotako/static/style.css
 | 
16
++++++++++++++++

1 file changed, 16 insertions(+), 0 deletions(-)
diff --git a/src/autotako/static/style.css b/src/autotako/static/style.css
@@ -13,6 +13,12 @@ a {
 	display: grid;
 	grid-template-columns: 66% auto fit-content(0);
 	gap: 0 var(--sl-spacing-medium);
+	
+	@media only screen and (max-width: 768px) {
+		display: flex;
+		flex-direction: column;
+		align-items: initial;
+	}
 }
 .job__item {
 	display: grid;
@@ -23,6 +29,12 @@ a {
 	&:nth-child(odd) {
 		background-color: var( --sl-color-neutral-50);
 	}
+	
+	@media only screen and (max-width: 768px) {
+		display: flex;
+		flex-direction: column;
+		align-items: initial;
+	}
 }
 .job__item--disabled {
 	.job__info {
@@ -52,6 +64,10 @@ a {
 .job__controls {
 	display: flex;
 	align-items: center;
+	
+	@media only screen and (max-width: 768px) {
+		align-self: end;
+	}
 }
 .job__autoupload {
 	color: var(--sl-color-neutral-500);