Improve package page styling

app/scss/components.scss

@@ -58,27 +58,27 @@
 }
 
 .userlist li.NOT_JOINED {
-	color: #aaa;
+	color: #aaa !important;
 }
 
-.NOT_JOINED a, a.NOT_JOINED {
-	color: #7ac;
+.NOT_JOINED a, .NOT_JOINED {
+	color: #7ac !important;
 }
 
-.ADMIN a, a.ADMIN{
-	color: #e30;
+.ADMIN a, .ADMIN{
+	color: #e30 !important;
 }
 
-.MODERATOR a, a.MODERATOR {
-	color: #e90;
+.MODERATOR a, .MODERATOR {
+	color: #e90 !important;
 }
 
-.EDITOR a, a.EDITOR {
-	color: #b6f;
+.EDITOR a, .EDITOR {
+	color: #b6f !important;
 }
 
-.TRUSTED_MEMBER a, a.TRUSTED_MEMBER {
-	color: #2c2;
+.TRUSTED_MEMBER a, .TRUSTED_MEMBER {
+	color: #2c2 !important;
 }
 
 .wiptopic a:not(.btn) {

app/scss/packages.scss

@@ -6,6 +6,7 @@
 
 .screenshot_list li {
 	display: inline-block;
+	vertical-align: middle;
 	margin: 5px;
 	padding: 0;
 }
@@ -20,6 +21,44 @@
 	object-fit: cover;
 }
 
+.screenshot-add {
+	display: block !important;
+	width: 200px;
+	height: 133px;
+	background: #444;
+	color: #666;
+	text-align: center;
+	line-height: 133px !important;
+	font-size: 80px;
+
+	&:hover {
+		background: #555;
+		color: #999;
+		text-decoration: none;
+	}
+}
+
+.info-row {
+	vertical-align: middle;
+
+	.count {
+		margin-left: 0.3em;
+	}
+
+	img {
+		filter: grayscale(100%);
+	}
+
+	a {
+		color: rgba(255, 255, 255, 0.8);
+	}
+
+	a:hover {
+		color: #fff;
+		text-decoration: none;
+	}
+}
+
 .box_img {
 	position: relative;
 	background-position: center;