From a553c9f2328216e75d70f6f7692672fee031167b Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sun, 18 Feb 2018 15:09:34 -0500
Subject: [PATCH] Styling!

---
 stroll.html | 32 ++++++++++++++++++--------------
 style.css   | 19 ++++++++++++++++++-
 2 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/stroll.html b/stroll.html
index 4860cb9..c72f544 100644
--- a/stroll.html
+++ b/stroll.html
@@ -19,20 +19,24 @@
       <div></div>
       <button id=button-stroll>Stroll</button>
 
-      <p>Stats</p>
-      <div id=height></div>
-      <div id=mass></div>
-      <div class=stat-header id=stats-stomped>
-        <p>Stomped</p>
-      </div>
-      <div class=stat-header id=stats-digested>
-        <p>Digested</p>
-      </div>
-      <div class=stat-header id=stats-stomach>
-        <p>Stomach</p>
-      </div>
-      <div class=stat-header id=stats-bowels>
-        <p>Bowels</p>
+      <div class=flex-container>
+        <div class=stat-header id=stats-self>
+          <p>Stats</p>
+          <div class=stat-line id=height></div>
+          <div class=stat-line id=mass></div>
+        </div>
+        <div class=stat-header id=stats-stomped>
+          <p>Stomped</p>
+        </div>
+        <div class=stat-header id=stats-digested>
+          <p>Digested</p>
+        </div>
+        <div class=stat-header id=stats-stomach>
+          <p>Stomach</p>
+        </div>
+        <div class=stat-header id=stats-bowels>
+          <p>Bowels</p>
+        </div>
       </div>
     </div>
   </body>
diff --git a/style.css b/style.css
index d4bbb00..27f5ca3 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,14 @@
+
+body {
+  background: #eee;
+  font-family: Arial;
+}
+
 #log {
   height:600px;
-  width:600px;
+  width:1000px;
   border:1px solid #ccc;
+  background-color: #fff;
   overflow:auto;
   float:left;
 }
@@ -9,9 +16,19 @@
 .stat-header {
   font-weight: bold;
   font-size: 150%;
+  min-width:130px;
 }
 
 .stat-line {
   font-weight: normal;
   font-size: 12pt;
 }
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.action-button {
+  
+}