Distance after button controls

Makes it easier to understand which group of buttons belongs to which idea

canvas/css/canvas.css

@@ -280,7 +280,9 @@ ul.item_list {
 li.added_item {
     width: 100%;
     margin: 0.5em auto;
-    padding-top: 3px;
+    padding-top: 6px;
+    padding-bottom: 2px;
+    /* border-radius: 0.35em; */
     height: auto;
     overflow: scroll;
     /* cursor: move; */
@@ -289,9 +291,9 @@ li.added_item {
 ul.item_list .expandable {
     font-size: 0.95em;
     margin-left: 14px;
-    margin-bottom: 5px;
+    margin-bottom: 1px;
     padding: 0.5em 0.5em 0.5em 1em;
-    border-radius: 0.35em;;
+    border-radius: 0.35em;
     border: 1px solid rgba(255, 255, 255, 0.2);
     width: 85% !important;
     outline: none;
@@ -301,6 +303,16 @@ ul.item_list .expandable {
     box-sizing: padding-box;
     overflow: hidden;
 }
+ul.item_list hr {
+    width: 95%;
+    color: rgb(255, 255, 255);
+    /* margin-top: 0.2em; */
+    /* margin-bottom: 0.2em; */
+    /* margin-left: auto; */
+    /* margin-right: auto; */
+    border-style: solid;
+    border-width: 1px;
+}
 
 /* ----------------------------------------------
 Zoom animation