theme/html/html.css in asciibook-0.0.2.beta2 vs theme/html/html.css in asciibook-0.0.2

@@ -45,18 +45,25 @@
 
 .button-icon {
   padding: 0.5em;
 }
 
-.button-icon svg {
-  fill: #999;
+.button-icon {
+  color: #999;
 }
 
-.button-icon:hover svg {
-  fill: #555;
+.button-icon:hover {
+  color: #555;
 }
 
+.button-icon .fas {
+  font-size: 1.25em;
+  width: 1.2em;
+  line-height: 1.2em;
+  text-align: center;
+}
+
 .dropdown {
   position: relative;
 }
 
 .dropdown-menu {
@@ -113,37 +120,42 @@
 .paginator {
 }
 
 .paginator a {
   padding: 32px;
+  color: #999;
+  text-decoration: none;
 }
 
-.paginator a svg {
-  fill: #ccc;
-  width: 48px;
-  height: 48px;
+.paginator a .fas {
+  font-size: 1.25em;
+  width: 1.2em;
+  line-height: 1.2em;
+  text-align: center;
 }
 
-.paginator a:hover svg {
-  fill: #999;
+.paginator a:hover {
+  color: #555;
 }
 
 .paginator a.disabled {
   visibility: hidden;
 }
 
 .paginator-prev {
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  justify-content: center;
   position: fixed;
   top: 48px;
   bottom: 0;
   left: 0;
 }
 
 .paginator-next {
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  justify-content: center;
   position: fixed;
   top: 48px;
   bottom: 0;
   right: 0;
 }