diff --git a/resources/assets/sass/_blocks.scss b/resources/assets/sass/_blocks.scss
index 76d4d5e0c..b7a8dcc03 100644
--- a/resources/assets/sass/_blocks.scss
+++ b/resources/assets/sass/_blocks.scss
@@ -268,3 +268,33 @@
padding: $-m;
border: 1px solid #DDD;
}
+
+.tag-item {
+ display: inline-flex;
+ margin-bottom: $-xs;
+ margin-right: $-xs;
+ border-radius: 4px;
+ border: 1px solid #CCC;
+ overflow: hidden;
+ font-size: 0.85em;
+ a, a:hover, a:active {
+ padding: 4px 8px;
+ color: #777;
+ transition: background-color ease-in-out 80ms;
+ text-decoration: none;
+ }
+ a:hover {
+ background-color: rgba(255, 255, 255, 0.7);
+ }
+ svg {
+ fill: #888;
+ }
+ .tag-value {
+ border-left: 1px solid #DDD;
+ background-color: rgba(255, 255, 255, 0.5);
+ }
+}
+
+.tag-list div:last-child .tag-item {
+ margin-bottom: 0;
+}
\ No newline at end of file
diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index 10af80a54..8f15153b5 100644
--- a/resources/assets/sass/_grid.scss
+++ b/resources/assets/sass/_grid.scss
@@ -55,6 +55,9 @@ body.flexbox {
background-color: #F2F2F2;
max-width: 360px;
min-height: 90vh;
+ section {
+ margin: $-m;
+ }
}
.flex.sidebar + .flex.content {
flex: 3;
diff --git a/resources/views/books/show.blade.php b/resources/views/books/show.blade.php
index e97d9bb69..d0a2eb2f7 100644
--- a/resources/views/books/show.blade.php
+++ b/resources/views/books/show.blade.php
@@ -43,6 +43,12 @@
@section('sidebar')
+ @if($book->tags->count() > 0)
+
value) colspan="2" @endif>{{ $tag->name }} | - @if($tag->value){{$tag->value}} | @endif -