Properly set max width

static/style.css

-.pure-g > div {
-	/* box-sizing: border-box; */
-}
-
 div.box {
 	padding: 1em;
 }
@@ -106,4 +102,9 @@ div.centered {
 img.foto {
 	margin: auto;
 	max-width: 40%;
+}
+
+div.maxwidth {
+	max-width: 70em;
+	margin: auto;
 }
\ No newline at end of file

templates/details.tpl

@@ -5,7 +5,7 @@
 {{ define "content" }}
 <form class="pure-form pure-form-aligned" method="POST">
 	<div class="content smallfooter pure-u-1">
-		<div class="box">
+		<div class="maxwidth box">
 			<input type="hidden" name="id" value="{{ .Wine.ID }}">
 
 			<fieldset>
@@ -32,7 +32,7 @@
 	</div>
 
 	<footer class="small pure-u-1">
-		<div class="box">
+		<div class="maxwidth box">
 			<!-- TODO: give these buttons values so that the Go code can decide what to do -->
 			<button type="submit" class="pure-button pure-button-primary">Save Changes</button>
 			<button type="submit" class="right pure-button button-warning">Delete</button>

templates/index.tpl

@@ -4,7 +4,7 @@
 
 {{ define "content" }}
 <div class="content pure-u-1">
-	<div class="box">
+	<div class="maxwidth box">
 		<table class="pure-table">
 			<thead><tr><th>#</th><th>Rating</th><th class="fill">Name</th></tr></thead>
 			<tbody>
@@ -21,7 +21,7 @@
 </div>
 
 <footer class="pure-u-1">
-	<div class="box">
+	<div class="maxwidth box">
 		<form class="pure-form" method="POST" enctype="multipart/form-data" action="/add">
 			<fieldset>
 				<div class="pure-g">