restyling

AUTplayed · Dec 27, 2018 · c64b66b · c64b66b
1 parent e5ee4ed
commit c64b66b
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 6 deletions.
diff --git a/src/main/resources/public/index.html b/src/main/resources/public/index.html
@@ -25,7 +25,7 @@
 
 <body>
 	<div class="container" id="globalContainer">
-		<div>
+		<div class="container" id="centerContainer">
 			<h1>rewatchTracker</h1>
 			<div id="ldf">loading...</div>
 		</div>

diff --git a/src/main/resources/public/styles/global.css b/src/main/resources/public/styles/global.css
@@ -5,4 +5,9 @@
 #globalContainer {
 	flex-direction: row;
 	justify-content: center;
+}
+
+#centerContainer {
+	flex-direction: column;
+	align-items: center;
 }
diff --git a/src/main/resources/public/styles/show.css b/src/main/resources/public/styles/show.css
@@ -0,0 +1,17 @@
+#controlContainer {
+	flex-direction: column;
+	align-items: center;
+}
+
+#name {
+	font-size: 20px;
+}
+
+#back {
+	width: fit-content;
+	margin: 30;
+	padding: 10 40 10 40;
+	border: black solid 1px;
+	color: black;
+	text-decoration: none;
+}
diff --git a/src/main/resources/templates/show.html b/src/main/resources/templates/show.html
@@ -1,7 +1,11 @@
 <script src="/scripts/show.js"></script>
-<div id="name">{{name}}</div>
-<div>
-	<input id="sub" type="button" value="-">
-	<input id="ep" type="number" value="{{episode}}">
-	<input id="add" type="button" value="+">
+<link rel="stylesheet" href="/styles/show.css">
+<div class="container" id="controlContainer">
+	<div id="name">{{name}}</div>
+	<div>
+		<input id="sub" type="button" value="-">
+		<input id="ep" type="number" value="{{episode}}">
+		<input id="add" type="button" value="+">
+	</div>
+	<a id="back" href="index"><</a>
 </div>