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 (
<>
-
+
{
this.allColours.map(colour => (
- -
+
-
))
}
-
+
{
this.state.wires.map((wire, 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;