Issue #2016875 by echoz, LewisNyman, rteijeiro, ry5n: Admin navigation list style update.

core/misc/icons/bebebe/chevron-disc-left.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#bebebe" d="M8.002 1c-3.868 0-7.002 3.133-7.002 7 0 3.865 3.134 7 7.002 7 3.865 0 7-3.135 7-7 0-3.867-3.135-7-7-7zm2.348 10.482l-.977.977c-.195.193-.514.193-.707 0l-4.108-4.105c-.194-.195-.194-.514 0-.708l4.108-4.105c.193-.194.512-.194.707 0l.979.977c.191.194.191.513 0 .707l-2.422 2.421c-.195.194-.195.515 0 .708l2.419 2.421c.196.19.196.512.001.707z"/></svg>

core/misc/icons/bebebe/chevron-disc-right.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#bebebe" d="M8.002 1c-3.868 0-7.002 3.135-7.002 7 0 3.867 3.134 7 7.002 7 3.865 0 7-3.133 7-7 0-3.865-3.135-7-7-7zm3.441 7.357l-4.106 4.104c-.194.191-.514.191-.708 0l-.978-.979c-.194-.193-.194-.518 0-.707l2.423-2.421c.195-.195.195-.514 0-.708l-2.422-2.421c-.194-.194-.194-.513 0-.707l.977-.977c.194-.194.514-.194.708 0l4.106 4.108c.191.194.191.515 0 .708z"/></svg>

core/modules/system/css/system.admin.css

@@ -14,12 +14,7 @@ div.admin-panel .description {
   margin: 0 0 3px;
   padding: 2px 0 3px 0;
 }
-div.admin-panel .body {
-  padding: 0 4px 2px 8px; /* LTR */
-}
-[dir="rtl"] div.admin-panel .body {
-  padding: 0 8px 2px 4px;
-}
+
 div.admin {
   padding-top: 15px;
 }
@@ -27,22 +22,16 @@ div.admin {
   div.admin .left {
     float: left; /* LTR */
     width: 47%;
-    margin-left: 1em; /* LTR */
   }
   [dir="rtl"] div.admin .left {
     float: right;
-    margin-left: 0;
-    margin-right: 1em;
   }
   div.admin .right {
     float: right; /* LTR */
     width: 47%;
-    margin-right: 1em; /* LTR */
   }
   [dir="rtl"] div.admin .right {
     float: left;
-    margin-left: 1em;
-    margin-right: 0;
   }
 }
 div.admin .expert-link {

core/themes/seven/style.css

@@ -439,13 +439,13 @@ ul.inline li {
 ul.inline li {
   display: inline;
 }
-.admin-list {
+ul.admin-list {
   margin: 0;
   padding: 0;
 }
 .admin-list li {
   position: relative;
-  border-top: 1px solid #ccc;
+  border-top: 1px solid #bfbfbf;
   margin: 0;
   list-style-type: none;
   list-style-image: none;
@@ -455,24 +455,34 @@ ul.inline li {
   border: none;
 }
 .admin-list li a {
-  background: url(images/list-item.png) no-repeat 9px 11px; /* LTR */
+  background: url(../../misc/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */
   display: block;
-  padding: 9px 9px 9px 39px; /* LTR */
+  padding: 14px 15px 14px 25px; /* LTR */
   min-height: 0;
 }
+.no-svg .admin-list li a {
+  background-image: url(../../misc/icons/bebebe/chevron-disc-right.png); /* LTR */
+}
 [dir="rtl"] .admin-list li a {
-  background: url(images/list-item-rtl.png) no-repeat right 11px;
-  padding: 9px 39px 9px 9px;
+  background: url(../../misc/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
+  padding-right: 25px;
+  padding-left: 15px;
+}
+.no-svg [dir="rtl"] .admin-list li a {
+  background-image: url(../../misc/icons/bebebe/chevron-disc-left.png);
 }
 .admin-list.compact li a {
   background-image:  none;
-  padding: 2px 19px;
+  padding: 2px 0;
 }
 .admin-list li a:hover,
 .admin-list li a:focus,
 .admin-list li a:active {
   text-decoration: none;
 }
+.admin-list li a .label {
+  font-size: 1.0769em;
+}
 .admin-list li a:hover .label,
 .admin-list li a:focus .label,
 .admin-list li a:active .label {
@@ -681,7 +691,7 @@ div.description,
   margin: 5px 0;
   line-height: 1.231em;
   font-size: 0.923em;
-  color: #666;
+  color: #555;
 }
 ul.tips li {
   margin: 0.25em 0 0.25em 1.5em; /* LTR */