Minor styling improvements for the React modules done so far

This commit is contained in:
Daniel Sinn
2019-11-25 10:22:52 -05:00
parent 5621ab7212
commit 046d3361a9
4 changed files with 8 additions and 5 deletions
+3 -3
View File
@@ -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}>
+3
View File
@@ -8,3 +8,6 @@
border-style: solid;
border-width: 1px;
}
#sectionButton label {
margin-left: 1em;
}
+2 -1
View File
@@ -4,8 +4,9 @@
width: 2em;
height: 2em;
}
#wireOptions li {
.wireOptions__item {
display: inline-block;
margin-right: 0.5em;
}
#wireList {
list-style-type: decimal;
-1
View File
@@ -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;