CSS styles added.

dba-presents · Jan 22, 2019 · a4c404e85da83470aa2fdf7bf3126fdcbf7314c9 · a4c404e
1 parent b71cf1a
commit a4c404e85da83470aa2fdf7bf3126fdcbf7314c9
Unified Split

Showing with 31 additions and 13 deletions.

+6 −4 src/main/webapp/races.html

+11 −9 src/main/webapp/results.html

+14 −0 src/main/webapp/styles/main.css
diff --git a/src/main/webapp/races.html b/src/main/webapp/races.html
@@ -6,10 +6,12 @@
 </head>
 <body>
-  
-<h1>Previous races</h1>
-  
-<p>Choose edition to see results from a particular race.</p>
-  
-<ul id="races">
-  
-</ul>
+  
+<div class="main-container">
+  
+    <h1>Previous races</h1>
+  
+    <p>Choose edition to see results from a particular race.</p>
+  
+    <ul id="races">
+  
+    </ul>
+  
+</div>
 </body>
 </html>
diff --git a/src/main/webapp/results.html b/src/main/webapp/results.html
@@ -6,21 +6,23 @@
 </head>
 <body>
-  
-<h1>Race results</h1>
-  
-<table id="results">
-  
-    <thead>
+  
+<div class="main-container">
+  
+    <h1>Race results</h1>
+  
+    <table id="results">
+  
+        <thead>
        <tr>
            <td>Position</td>
            <td>Runner</td>
            <td>Final time</td>
        </tr>
-  
-    </thead>
-  
-    <tbody>
-  
-    <tr></tr>
-  
-    </tbody>
-  
-</table>
+  
+        </thead>
+  
+        <tbody>
+  
+        <tr></tr>
+  
+        </tbody>
+  
+    </table>
-  
-<div id="resultsNotAvailable">Results are not available, yet.</div>
+  
+    <div id="resultsNotAvailable">Results are not available, yet.</div>
+  
+</div>
 </body>
 </html>
diff --git a/src/main/webapp/styles/main.css b/src/main/webapp/styles/main.css
@@ -0,0 +1,14 @@
+  
+body {
+  
+    background-color: azure;
+  
+    text-align: center;
+  
+}
+  
+
+  
+.main-container {
+  
+    width: 500px;
+  
+    display: inline-block;
+  
+    background-color: white;
+  
+}
+  
+
+  
+ul {
+  
+    list-style-type: none;
+  
+}