add style

src/client/js/components/Admin/Common/AdminNavigation.jsx

@@ -12,38 +12,38 @@ const AdminNavigation = (props) => {
   };
 
   return (
-    <div className="list-group">
-      <a href="/admin" className={`list-group-item ${pathname === '/admin' && 'active'}`}>
+    <div className="list-group admin-navigation">
+      <a href="/admin" className={`list-group-item list-group-item-action ${pathname === '/admin' && 'active'}`}>
         <i className="icon-fw icon-home"></i> { t('Management Wiki Home') }
       </a>
-      <a href="/admin/app" className={`list-group-item ${isActiveMenu('/app') && 'active'}`}>
+      <a href="/admin/app" className={`list-group-item list-group-item-action ${isActiveMenu('/app') && 'active'}`}>
         <i className="icon-fw icon-settings"></i> { t('App Settings') }
       </a>
-      <a href="/admin/security" className={`list-group-item ${isActiveMenu('/security') && 'active'}`}>
+      <a href="/admin/security" className={`list-group-item list-group-item-action ${isActiveMenu('/security') && 'active'}`}>
         <i className="icon-fw icon-shield"></i> { t('security_settings') }
       </a>
-      <a href="/admin/markdown" className={`list-group-item ${isActiveMenu('/markdown') && 'active'}`}>
+      <a href="/admin/markdown" className={`list-group-item list-group-item-action ${isActiveMenu('/markdown') && 'active'}`}>
         <i className="icon-fw icon-note"></i> { t('Markdown Settings') }
       </a>
-      <a href="/admin/customize" className={`list-group-item ${isActiveMenu('/customize') && 'active'}`}>
+      <a href="/admin/customize" className={`list-group-item list-group-item-action ${isActiveMenu('/customize') && 'active'}`}>
         <i className="icon-fw icon-wrench"></i> { t('Customize') }
       </a>
-      <a href="/admin/importer" className={`list-group-item ${isActiveMenu('/importer') && 'active'}`}>
+      <a href="/admin/importer" className={`list-group-item list-group-item-action ${isActiveMenu('/importer') && 'active'}`}>
         <i className="icon-fw icon-cloud-upload"></i> { t('Import Data') }
       </a>
-      <a href="/admin/export" className={`list-group-item ${isActiveMenu('/export') && 'active'}`}>
+      <a href="/admin/export" className={`list-group-item list-group-item-action ${isActiveMenu('/export') && 'active'}`}>
         <i className="icon-fw icon-cloud-download"></i> { t('Export Archive Data') }
       </a>
-      <a href="/admin/notification" className={`list-group-item ${(isActiveMenu('/notification') || isActiveMenu('/global-notification')) && 'active'}`}>
+      <a href="/admin/notification" className={`list-group-item list-group-item-action ${(isActiveMenu('/notification') || isActiveMenu('/global-notification')) && 'active'}`}>
         <i className="icon-fw icon-bell"></i> { t('Notification Settings') }
       </a>
-      <a href="/admin/users" className={`list-group-item ${(isActiveMenu('/users')) && 'active'}`}>
+      <a href="/admin/users" className={`list-group-item list-group-item-action ${(isActiveMenu('/users')) && 'active'}`}>
         <i className="icon-fw icon-user"></i> { t('User_Management') }
       </a>
-      <a href="/admin/user-groups" className={`list-group-item ${isActiveMenu('/user-group') && 'active'}`}>
+      <a href="/admin/user-groups" className={`list-group-item list-group-item-action ${isActiveMenu('/user-group') && 'active'}`}>
         <i className="icon-fw icon-people"></i> { t('UserGroup Management') }
       </a>
-      <a href="/admin/search" className={`list-group-item ${isActiveMenu('/search') && 'active'}`}>
+      <a href="/admin/search" className={`list-group-item list-group-item-action ${isActiveMenu('/search') && 'active'}`}>
         <i className="icon-fw icon-magnifier"></i> { t('Full Text Search Management') }
       </a>
     </div>

src/client/styles/scss/_admin.scss

@@ -157,3 +157,11 @@
     }
   }
 }
+
+.admin-navigation > a {
+  border: 0px;
+
+  & + a {
+    margin-top: 2px;
+  }
+}