adjust styles for page-list-ul

lib/views/widget/page_list.html

@@ -1,4 +1,4 @@
-<ul class="page-list-ul">
+<ul class="page-list-ul page-list-ul-flat">
 {% for data in pages %}
 
 {% if pagePropertyName %}

resource/css/_page_list.scss

@@ -25,10 +25,9 @@
 
 .page-list, .content-main {
   .page-list-ul {
-    padding-left: 0;
+    padding-left: 1rem;
 
     > li {
-      list-style: none;
       line-height: 1.8em;
 
       .page-list-option {
@@ -57,5 +56,13 @@
         color: #999;
       }
     }
+
+    // override .page-list-ul
+    &.page-list-ul-flat {
+      padding-left: 0;
+      > li {
+        list-style: none;
+      }
+    }
   }
 }

resource/js/components/PageList/ListView.js

@@ -11,7 +11,7 @@ export default class ListView extends React.Component {
 
     return (
       <div className="page-list">
-        <ul className="page-list-ul">
+        <ul className="page-list-ul page-list-ul-flat">
         {listView}
         </ul>
       </div>

resource/js/components/SearchPage/SearchResult.js

@@ -80,7 +80,7 @@ export default class SearchResult extends React.Component {
         <div className="search-result row" id="search-result">
           <div className="col-md-4 hidden-xs hidden-sm page-list search-result-list" id="search-result-list">
             <nav data-spy="affix" data-offset-top="120">
-              <ul className="page-list-ul nav">
+              <ul className="page-list-ul page-list-ul-flat nav">
                 {listView}
               </ul>
             </nav>