fixes to panel styles

scss/elements/_block_lists.scss

@@ -0,0 +1,49 @@
+@mixin block-list {
+  @include panel-margin;
+
+  > ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+}
+
+@mixin block-list-header {
+  @include panel-base;
+  @include panel-theme-default;
+  padding: $gap * 2;
+}
+
+@mixin block-list__title {
+  @include h4;
+  margin: 0;
+}
+
+@mixin block-list-item {
+  @include panel-base;
+  margin: 0;
+  padding: $gap * 2;
+  border-top: 0;
+  border-bottom: 1px dashed $color-gray-light;
+
+  &li:last-child {
+    border-bottom-style: solid;
+  }
+}
+
+
+.block-list {
+  @include block-list;
+}
+
+.block-list__header {
+  @include block-list-header;
+}
+
+.block-list__title {
+  @include block-list__title;
+}
+
+.block-list__item {
+  @include block-list-item;
+}

scss/elements/_panels.scss

@@ -9,6 +9,8 @@
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
+  border-left: 0;
+  border-right: 0;
 }
 
 @mixin panel-theme-default {
@@ -29,9 +31,14 @@
   @include panel-theme-default;
   @include panel-margin;
 
-  &__content {
-    padding-left: $gap*4;
-    padding-right: $gap*4;
+  .panel__content {
+    margin: ($gap * 2) 0;
+    padding: 0 ($gap * 2);
+
+    @include media($medium-screen) {
+      margin: ($gap * 4) 0;
+      padding: 0 ($gap * 4);
+    }
   }
 }