UX: Adjust list and onebox margins (#13131)

UX: Adjust list and onebox margins (#13131)

Lists – made the indent smaller (helps on mobile), added vertical margin Onebox – added top margin

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index 9e3c544..3b3b6d3 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -95,7 +95,7 @@ a.loading-onebox {
 
 aside.onebox {
   border: 5px solid var(--primary-low);
-  margin-bottom: 1em;
+  margin: 1em 0;
   padding: 1em;
   font-size: $font-0;
   background: var(--secondary);
diff --git a/app/assets/stylesheets/common/foundation/base.scss b/app/assets/stylesheets/common/foundation/base.scss
index 9cee56c..21b41ea 100644
--- a/app/assets/stylesheets/common/foundation/base.scss
+++ b/app/assets/stylesheets/common/foundation/base.scss
@@ -63,7 +63,7 @@ hr {
 
 ul,
 dd {
-  margin: 0 0 9px 25px;
+  margin: 1em 0 1em 1.25em;
   padding: 0;
 }
 
@@ -75,14 +75,15 @@ dd {
 
 .cooked ul,
 .d-editor-preview ul {
-  margin: 0;
-  padding-left: 40px;
+  padding-left: 1.25em;
 }
 
-li {
+li,
+.cooked li,
+.d-editor-preview li {
   > ul,
   > ol {
-    margin-bottom: 0;
+    margin: 0;
   }
 }
 

GitHub sha: 494fe7f2

This commit appears in #13131 which was approved by eviltrout. It was merged by awesomerobot.