From babf95c22f7e9ca32828cea0b914609b7e6788e2 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Tue, 1 Nov 2016 16:22:15 +0100
Subject: [PATCH] Move item-details style to base

---
 src/styles/_app_base.sass | 49 +++++++++++++++++++++++++++++++++++++++
 src/styles/_shots.sass    | 38 ------------------------------
 2 files changed, 49 insertions(+), 38 deletions(-)

diff --git a/src/styles/_app_base.sass b/src/styles/_app_base.sass
index c27d895..29c97f6 100644
--- a/src/styles/_app_base.sass
+++ b/src/styles/_app_base.sass
@@ -436,3 +436,52 @@ input, input.form-control
 			margin-right: 5px
 			position: relative
 			top: -2px
+
+
+.attract-box
+	.item-id
+		padding: 8px
+		margin-left: 10px
+		width: 40px
+		border: thin solid transparent
+		background-color: white
+		color: $color-text-dark-secondary
+		box-shadow: none
+		border-color: $color-text-dark-hint
+
+		&:hover
+			color: $color-text-dark-primary
+			border-color: $color-text-dark-primary
+
+
+
+#item-details
+	display: flex
+	flex-direction: column
+
+	.item-details-empty
+		display: flex
+		align-items: center
+		justify-content: center
+		width: 100%
+		height: 100%
+		color: rgba($color-text-dark-hint, .5)
+		cursor: default
+		padding: 15px 10px
+		font:
+			size: 2em
+			weight: 100
+
+#item-view-feed
+	padding: 10px
+	color: $color-text-dark-primary
+	pre
+		margin: 15px auto
+
+	#comments-container
+		margin-top: 0
+
+	#comments-container
+		.comment-reply-container
+			+container-box
+			padding: 10px 10px 20px 10px
diff --git a/src/styles/_shots.sass b/src/styles/_shots.sass
index 96139f6..a3ea041 100644
--- a/src/styles/_shots.sass
+++ b/src/styles/_shots.sass
@@ -132,41 +132,3 @@
 							transform: translate(-50%, -50%) scale(1.2)
 						&.active:before
 							transform: translate(-50%, -50%) scale(1.3)
-
-.attract-box
-	.item-id
-		padding: 8px
-		margin-left: 10px
-		width: 40px
-		border: thin solid transparent
-		background-color: white
-		color: $color-text-dark-secondary
-		box-shadow: none
-		border-color: $color-text-dark-hint
-
-		&:hover
-			color: $color-text-dark-primary
-			border-color: $color-text-dark-primary
-
-#item-details
-	display: flex
-	flex-direction: column
-
-	.item-details-empty
-		display: flex
-		align-items: center
-		justify-content: center
-		width: 100%
-		height: 100%
-		color: rgba($color-text-dark-hint, .5)
-		cursor: default
-		padding: 15px 10px
-		font:
-			size: 2em
-			weight: 100
-
-#item-view-feed
-	padding: 10px
-	color: $color-text-dark-primary
-	pre
-		margin: 15px auto