Merge branch 'style'

sass/_lists.scss

@@ -2,30 +2,20 @@ ol {
 	counter-reset:procedure;
 	list-style-type: none;
 	padding:0;
-	position:relative; // allow being pushed
-	left:3em; // push to the right because of counter overflow
 
 	li {
 		counter-increment:procedure;
-		margin-bottom:1em;
+		margin-bottom:2.5em;
-		line-height:1.2rem;
+		line-height:1em;
 	
 		&:before {
-			content:counter(procedure);
+			content:counter(procedure)".";
+			display:block;
+			margin:0 .5em .5em 0;
+			width:auto;
 			font-weight:bold;
-			font-size:1.1rem;
+			font-size:2em;
-			background:$secondary;
+			color:$primary;
-			color:#000;
-			border-radius:100%;
-			border:1px solid $border;
-			width:2rem;
-			height:2rem;
-			display:inline-block; // allows float and keeps dimensions
-			position:relative; // allow being pushed
-			left:-2.7em; // move to the left not to overlap with text
-			text-align:center;
-			line-height:2.3rem; // vertical center on text
-			margin-right:-2em; // pull the first line of text to the left
 		}
 	}
 }

sass/_tables.scss

@@ -4,10 +4,7 @@ table {
 	background:$secondary;
 	padding:0;
 	margin:0 2em 2em 0;
-	width:45%;
-
 	clear:both;
-	float:left;
 
 	thead {
 

sass/style.scss

@@ -14,6 +14,11 @@
 			padding:1em;
 			border:none;
 			border-radius:0;
+
+			table {
+				float:none;
+				width:100%;
+			}
 		}
 	}
 
@@ -33,6 +38,11 @@
 			padding:1em 4em;
 			border:1px solid $border;
 			border-radius:8px;
+
+			table {
+				float:left;
+				width:45%;
+			}
 		}
 	}