Updated books listing to three column layout design

resources/assets/sass/_grid.scss

@@ -64,12 +64,10 @@ body.flexbox {
   max-width: 100%;
 }
 .flex.sidebar + .flex .content-wrap {
-  background-color: #FFFFFF;
   padding: $-l $-xxl;
-  box-shadow: $bs-card;
-  border-radius: 4px;
   margin-left: auto;
   margin-right: auto;
+  margin-bottom: $-xl;
   overflow: auto;
   &.thin {
     width: 940px;
@@ -156,6 +154,13 @@ body.flexbox {
   }
 }
 
+.tri-layout-left, .tri-layout-right {
+  opacity: 0.8;
+  transition: opacity ease-in-out 120ms;
+  &:hover {
+    opacity: 1;
+  }
+}
 
 /** Rules for all columns */
 div[class^="col-"] img {

resources/assets/sass/_lists.scss

@@ -251,7 +251,8 @@ ul.pagination {
   margin: 0;
 }
 
-.entity-list {
+.entity-list, .icon-list {
+  margin: 0 (-$-m);
   h4 {
     margin: 0;
   }
@@ -272,7 +273,7 @@ ul.pagination {
   }
 }
 
-.entity-list-item {
+.entity-list-item, .icon-list-item {
   padding: $-s $-m;
   display: grid;
   grid-template-columns: min-content 1fr;
@@ -287,9 +288,14 @@ ul.pagination {
   h4 a {
     color: #666;
   }
+  &:hover {
+    text-decoration: none;
+    background-color: #DDD;
+    border-radius: 4px;
+  }
 }
-a.entity-list-item:hover {
-  text-decoration: none;
+
+.card a.entity-list-item:hover {
   background-color: #F2F2F2;
 }
 
@@ -409,3 +415,13 @@ a.entity-list-item:hover {
   }
 }
 
+.action-link-list {
+  //padding: $-s 0;
+}
+.action-link {
+  background: transparent;
+  border: none;
+  color: currentColor;
+  padding: $-m 0;
+}
+

resources/assets/sass/_pages.scss

@@ -364,8 +364,8 @@
   }
 }
 
-.entity-icon {
-  font-size: 1.3em;
+.entity-list-item > .icon, .icon-list-item > .icon {
+  font-size: 0.8rem;
   width: 1.88em;
   height: 1.88em;
   display: flex;