fixed styling

4 years ago · c417deaa01
3 changed files with 22 additions and 10 deletions
--- a/static/stylesheet.css
+++ b/static/stylesheet.css
@ -1,6 +1,8 @@
 body {
 	background: #FFF;
 	color: #333;
+	margin: 0px;
+	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
 }

 a {
@ -8,24 +10,32 @@ a {
 	color: #7331e8;
 }

-a:visited {
-	color: #7331e8;
-}
-
-a:hover {
-	color: #a06cfc;
+td, th {
+	padding: 15px 5px;
 }

 #list {
 	margin: auto;
 	border-collapse:collapse;
-	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+	width: 100%;
+	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
 }

-#list tr:nth-child(odd) {
-	background: #F5F5F5;
+tr {
+    border-bottom: 1px solid rgba(0,0,0,0.12);
 }

 h1 {
 	text-align: center;
+	font-size: 4.2rem;
+	line-height: 110%;
+	font-weight: 100;
+}
+
+#title {
+	background: #42a5f5;
+	color: white;
+	margin: 0px;
+	padding-top: 42px;
+	padding-bottom: 25px;
 }
--- a/templates/components/base.gohtml
+++ b/templates/components/base.gohtml
@ -8,11 +8,13 @@
 			<title>Thing</title>

 			<link rel="stylesheet" href="/static/stylesheet.css">
+			<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">-->
 		</head>
 		<body>
 			<div id="content">
 				{{ block "body" . }}{{ end }}
 			</div>
+			<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>-->
 		</body>
 	</html>
 {{ end }}
--- a/templates/pages/list.gohtml
+++ b/templates/pages/list.gohtml
@ -3,7 +3,7 @@
 	<table id="list">
 		<tr>
 			<th width="30">ID</th>
-			<th width="60">Title</th>
+			<th width="60" align="left">Title</th>
 			<th width="30" align="center">Score</th>
 			<th width="30" align="center">Type</th>
 			<th width="30" align="center">Progress</th>