3 files changed, 57 insertions, 48 deletions
diff --git a/src/main/scala/reading/component/index/style/Book.scala b/src/main/scala/reading/component/index/style/Book.scala
new file mode 100644
index 0000000..9f242eb
--- /dev/null
+++ b/src/main/scala/reading/component/index/style/Book.scala
@@ -0,0 +1,42 @@
+package reading.component.index.style
+
+import scalacss.Defaults._
+
+import reading.component.style.Col
+
+object Book extends StyleSheet.Inline {
+  import dsl._
+
+  val title = style(
+    display.inlineBlock,
+    fontSize(18.px),
+    fontWeight.bold,
+    marginBottom(20.px),
+    color(Col.congoBrown)
+  )
+
+  val author = style(
+    display.inlineBlock
+  )
+
+  val detail = style(
+    display.flex
+  )
+
+  val cover = style(
+    height(300.px),
+    marginRight(30.px)
+  )
+
+  val item = style(
+    lineHeight(25.px),
+    marginBottom(4.px)
+  )
+
+  val itemKey = style(
+    fontWeight.bold,
+    marginRight(10.px)
+  )
+
+  val itemValue = style()
+}
diff --git a/src/main/scala/reading/component/index/style/Books.scala b/src/main/scala/reading/component/index/style/Books.scala
index 97c1479..34a7a83 100644
--- a/src/main/scala/reading/component/index/style/Books.scala
+++ b/src/main/scala/reading/component/index/style/Books.scala
@@ -2,8 +2,6 @@ package reading.component.index.style
 
 import scalacss.Defaults._
 
-import reading.component.style.Col
-
 object Books extends StyleSheet.Inline {
   import dsl._
 
@@ -12,50 +10,14 @@ object Books extends StyleSheet.Inline {
     flexWrap.wrap
   )
 
-  val count = style(
-    marginBottom(30.px)
-  )
-
   val book = style(
-    media.minWidth(1300.px)(
-      width(50.%%)
-    ),
-    media.maxWidth(1300.px)(
-      width(100.%%)
-    ),
+    width(250.px),
     paddingBottom(60.px),
-    paddingRight(60.px)
-  )
-
-  val title = style(
-    display.inlineBlock,
-    fontWeight.bold,
-    marginBottom(20.px),
-    color(Col.congoBrown)
-  )
-
-  val author = style(
-    display.inlineBlock
-  )
-
-  val detail = style(
-    display.flex
+    textAlign.center
   )
 
   val cover = style(
-    height(150.px),
-    marginRight(40.px)
-  )
-
-  val item = style(
-    lineHeight(25.px),
-    marginBottom(4.px)
+    height(250.px),
+    cursor.pointer
   )
-
-  val itemKey = style(
-    fontWeight.bold,
-    marginRight(10.px)
-  )
-
-  val itemValue = style()
 }
diff --git a/src/main/scala/reading/component/index/style/Filters.scala b/src/main/scala/reading/component/index/style/Filters.scala
index 5ca9dfe..cb1ceb4 100644
--- a/src/main/scala/reading/component/index/style/Filters.scala
+++ b/src/main/scala/reading/component/index/style/Filters.scala
@@ -15,15 +15,20 @@ object Filters extends StyleSheet.Inline {
   val filter = style(
     display.flex,
     alignItems.center,
-    backgroundColor(Col.gray),
-    color(Col.white),
-    padding(10.px),
-    marginRight(10.px),
+    padding(15.px),
+    marginRight(20.px),
     borderRadius(2.px),
-    &.hover(cursor.pointer)
+    &.hover(cursor.pointer),
+    border(1.px, solid, Col.alto),
+    fontSize(18.px)
   )
 
   val name = style(
-    marginRight(5.px)
+    marginRight(10.px)
+  )
+
+  val cross = style(
+    width(15.px),
+    height(15.px)
   )
 }