Tidy the table of contents (particularly the editable view)

web/frontend/components/CollapseTriangle.vue

@@ -1,6 +1,6 @@
 <template>
-  <svg height="32" width="32" v-bind:class="{open: !collapsed, collapsed:collapsed}">
-    <polygon points="6,6 20,16 6,24" />
+  <svg height="20" width="32" v-bind:class="{open: !collapsed, collapsed:collapsed}">
+    <polygon points="6,0 20,10 6,18" />
   </svg>
 </template>
 

web/frontend/components/TheTableOfContents.vue

@@ -253,7 +253,6 @@ export default {
     button.action-expand {
         border: 0 solid transparent;
         background: transparent;
-        margin: -8px;
     }
     button.toc-expand {
         display: flex;
@@ -347,7 +346,7 @@ export default {
     .listing {
         display: flex;
         justify-content:space-between;
-        align-items: baseline;
+        align-items: center;
         width: 100%;
         padding: 12px 16px;
         /* padding-right: 42px; */
@@ -359,7 +358,7 @@ export default {
             display: flex;
             flex-direction:row;
             div {
-                align-self:baseline;
+                align-self:center;
             }
             .is-instructional-material {
                 background-image:url('~static/images/ui/casebook/lock.svg') ;
@@ -375,13 +374,9 @@ export default {
         }
         .actions {
             position: relative;
-            top: 12px;
+            top: 0;
         }
         &.section {
-            .actions {
-                min-height:44px;
-            }
-
             align-items: left;
             background-color: $black;
 
@@ -541,7 +536,7 @@ export default {
         @media (min-width: $screen-xs) {
             &.section {
                 flex-direction: row;
-                align-items: baseline;
+                align-items: center;
             }
         }
         .section-number,
@@ -587,13 +582,11 @@ export default {
         .nestable-list {
             border-left: 8px solid $light-blue;
             padding-left: 16px;
-            margin-left: 30px;
         }
     }
     div.editable .nestable-list .nestable-list {
         border-left: 8px solid $yellow;
         padding-left: 16px;
-        margin-left: 30px;
     }
     .nestable-drag-layer {
         opacity: 0.7;

web/frontend/styles/casebook.scss

@@ -528,7 +528,6 @@ form.edit_content_resource, form.edit_content_section, form.edit_content_caseboo
 
       .actions {
           margin-left: 1rem;
-          margin-top: -8px;
         > form > input[type=submit], button {
           // @include square(50px);
             display: block;
@@ -540,8 +539,9 @@ form.edit_content_resource, form.edit_content_section, form.edit_content_caseboo
           background-size: auto;
           &.action-delete {
             background-image: url('~static/images/ui/edit/elide.png');
-            height: 36px;
-            width: 36px;
+            height: 20px;
+            width: 20px;
+            margin: 0;
             border-width: 0px;
             background-color: transparent;
           }
@@ -903,4 +903,4 @@ div.tox-toolbar__group:nth-child(2) button.tox-tbtn.tox-tbtn--select.tox-tbtn--d
 
 .casebook-copyright-notice {
   margin-top: 4rem;
-}
+}