diff --git a/api/db/dev/.gitkeep b/api/db/dev/.gitkeep deleted file mode 100644 index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000 diff --git a/app/components/Dashboard/dashboard.local.scss b/app/components/Dashboard/dashboard.local.scss index c56952195fb14501c722947ed14c365b38a1671c..53a46c1a5c8ea3b5ff2b2b7012222e2b0897071d 100644 --- a/app/components/Dashboard/dashboard.local.scss +++ b/app/components/Dashboard/dashboard.local.scss @@ -1,20 +1,28 @@ $primary-color: #515253; +$black: #000; +$dark-grey: #fff; +$grey: #808080; +$maroon: #502424; +$medium-grey: #838587; + .bookList { .bookTitle { border-bottom: .1em solid; position: relative; } - h1, .h1 { - font-weight: 500; - font-style: italic; + h1, + .h1 { font-size: 48px; + font-style: italic; + font-weight: 500; line-height: 56px; margin: 0; } - h2, .h2 { + h2, + .h2 { color: $primary-color; font-size: 32px; font-style: italic; @@ -24,9 +32,9 @@ $primary-color: #515253; } .addBookBtn { - background-color: grey; - border: 1px solid grey; - color: #fff; + background-color: $grey; + border: 1px solid $grey; + color: $dark-grey; cursor: pointer; float: right; font-size: 16px; @@ -36,44 +44,47 @@ $primary-color: #515253; text-align: center; &:hover { - border: 1px solid #000; + border: 1px solid $black; } + a { - color: #fff; - text-decoration: none; - position: relative; bottom: 14px; + color: $dark-grey; + position: relative; + text-decoration: none; + &:hover { + cursor: pointer; text-decoration: none; - cursor:pointer; } } } .bookContainer { - border-bottom: 1px solid #838587; + border-bottom: 1px solid $medium-grey; margin-top: 3em; padding-bottom: 0; - padding-left: 2em; + padding-left: 1em; padding-top: 0; position: relative; } .bookActions { bottom: 0; - right: 13px; position: absolute; + right: 13px; } .editBook { - color: #838587; - text-decoration: none; + color: $medium-grey; + display: inline-block; font-style: italic; font-weight: 500; - display: inline-block; margin-left: 13px; + text-decoration: none; + &:hover { - color:#502424; + color: $maroon; text-decoration: none; } }