Move item-details style to base

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

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