Fix styling issue

Mytrill · Mytrill · commit f1fbf10acde0 · 2018-04-09T19:49:31.000+02:00
diff --git a/dist/hyperapp-devtools.js b/dist/hyperapp-devtools.js
diff --git a/dist/hyperapp-devtools.js.map b/dist/hyperapp-devtools.js.map
diff --git a/src/components/RunActionItem.tsx b/src/components/RunActionItem.tsx
@@ -56,7 +56,10 @@ function ToggleActionItem(props: ToggleActionItemProps) {
     return <span class="icon" />
   }
 
-  const onclick = () => actions.toggleAction({ run: run.id, path })
+  const onclick = (e: Event) => {
+    event.preventDefault()
+    actions.toggleAction({ run: run.id, path })
+  }
 
   if (action.collapsed) {
     return <span class="icon icon-caret-right" onclick={onclick} />
diff --git a/src/components/RunActionItemList.scss b/src/components/RunActionItemList.scss
@@ -1,4 +1,4 @@
 .run-action-item-list {
   list-style-type: none;
-  margin: 0.5rem 0 0 0.5rem;
+  margin: 0.3rem 0 0 0.3rem;
 }
diff --git a/src/components/RunsPane.scss b/src/components/RunsPane.scss
@@ -3,4 +3,8 @@
   border: 1px solid #666666;
   margin: 0.1rem;
   align-items: stretch;
+
+  .runs-pane-runs {
+    margin: 0.2rem 0rem 0.4rem 0.2rem;
+  }
 }
diff --git a/src/components/RunsPaneItem.scss b/src/components/RunsPaneItem.scss
@@ -0,0 +1,4 @@
+.run-pane-item {
+    list-style-type: none;
+    width: 100%;
+}
diff --git a/src/components/RunsPaneItem.tsx b/src/components/RunsPaneItem.tsx
@@ -20,7 +20,7 @@ export function RunsPaneItem(props: RunsPaneItemProps) {
 
   return (
     <li class="run-pane-item" key={run.timestamp}>
-      Run - {date}
+      <h6>Run - {date}</h6>
       {RunActionItemList({
         state,
         actions,

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`	`1`	`.run-action-item-list {`
`2`	`2`	`list-style-type: none;`
`3`		`- margin: 0.5rem 0 0 0.5rem;`
	`3`	`+ margin: 0.3rem 0 0 0.3rem;`
`4`	`4`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3,4 +3,8 @@`
`3`	`3`	`border: 1px solid #666666;`
`4`	`4`	`margin: 0.1rem;`
`5`	`5`	`align-items: stretch;`
	`6`	`+`
	`7`	`+ .runs-pane-runs {`
	`8`	`+ margin: 0.2rem 0rem 0.4rem 0.2rem;`
	`9`	`+ }`
`6`	`10`	`}`