Use anchor instead of div or button for filters and details tags

1 files changed, 11 insertions, 6 deletions

diff --git a/src/main/scala/reading/component/index/style/Menu.scala b/src/main/scala/reading/component/index/style/Menu.scala
index 09f529c..d824a1a 100644
--- a/src/main/scala/reading/component/index/style/Menu.scala
+++ b/src/main/scala/reading/component/index/style/Menu.scala
@@ -101,20 +101,26 @@ object Menu extends StyleSheet.Inline {
     Media.desktop(display.none),
     Media.mobile(
       display.flex,
-      width(100.%%),
       height(60.px)
     )
   )
 
   val clear = style(
     Commons.footerButton,
-    border(2.px, solid, C.gray.value)
+    border(2.px, solid, C.gray.value),
+    opacity(0.3)
+  )
+
+  val clearActive = style(
+    opacity(1),
+    cursor.pointer
   )
 
   val returnToBooks = style(
     Commons.footerButton,
     backgroundColor(C.stiletto.value),
-    color(C.white.value)
+    color(C.white.value),
+    cursor.pointer
   )
 
   val bookCount = style(
@@ -136,14 +142,13 @@ object Commons extends StyleSheet.Inline {
 
   val footerButton = style(
     display.flex,
-    flexGrow(1),
+    width(50.%%),
     justifyContent.center,
     alignItems.center,
     height(50.px),
     margin(5.px),
     textTransform.uppercase,
     fontSize(14.px),
-    fontWeight.bold,
-    cursor.pointer
+    fontWeight.bold
   )
 }