From 046d3361a9691209ecb6d0b46a080b5c3738f202 Mon Sep 17 00:00:00 2001
From: Daniel Sinn <daniel.p.sinn@gmail.com>
Date: Mon, 25 Nov 2019 10:22:52 -0500
Subject: [PATCH] Minor styling improvements for the React modules done so far

---
 src/components/WiresModule.js | 6 +++---
 src/css/ButtonModule.css      | 3 +++
 src/css/WiresModule.css       | 3 ++-
 src/index.css                 | 1 -
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/WiresModule.js b/src/components/WiresModule.js
index 8ffe295..f217996 100644
--- a/src/components/WiresModule.js
+++ b/src/components/WiresModule.js
@@ -151,17 +151,17 @@ export default class WiresModule extends KtaneModule {
   mainRender() {
     return (
       <>
-        <ul>
+        <ul className="wireOptions">
           {
             this.allColours.map(colour => (
-              <li key={`option_${colour}`}>
+              <li className="wireOptions__item" key={`option_${colour}`}>
                 <button className={`button ${colour}`} data-colour={colour} onClick={this.addWire} />
               </li>
             ))
           }
         </ul>
 
-        <ul id="wireList">
+        <ul className="wireList">
           {
             this.state.wires.map((wire, index) => (
               <li className={`${wire.shouldCut ? "wireToCut" : ""} ${wire.cutFlags.join(" ")}`} key={index}>
diff --git a/src/css/ButtonModule.css b/src/css/ButtonModule.css
index a3900de..03bfcc7 100644
--- a/src/css/ButtonModule.css
+++ b/src/css/ButtonModule.css
@@ -8,3 +8,6 @@
     border-style: solid;
     border-width: 1px;
 }
+#sectionButton label {
+    margin-left: 1em;
+}
diff --git a/src/css/WiresModule.css b/src/css/WiresModule.css
index a6eea58..b1a1afa 100644
--- a/src/css/WiresModule.css
+++ b/src/css/WiresModule.css
@@ -4,8 +4,9 @@
     width: 2em;
     height: 2em;
 }
-#wireOptions li {
+.wireOptions__item {
     display: inline-block;
+    margin-right: 0.5em;
 }
 #wireList {
     list-style-type: decimal;
diff --git a/src/index.css b/src/index.css
index 4a1df4d..3e1f253 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,5 +1,4 @@
 body {
-  margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;