Update hover apps setup

custom_portal.css

@@ -366,21 +366,23 @@ body.logged, .logged .content {
 }
 #apps ul li {
 	margin: 1em;
-	box-shadow: 6px 6px 6px #101c16;
+	font-variant: small-caps;
+	box-shadow: none;
 }
-/*#apps ul li:hover {*/
-/*	transform: rotate(5deg); */
-/*}*/
+
 #apps ul li a {
 	background: rgb(73,70,63);
 	background: linear-gradient(0deg, rgba(73,70,63,1) 0%, rgba(87,90,89,1) 100%);
 	border-radius: 5px 5px 0 0;
+	box-shadow: 6px 6px 6px #101c16;
+	color: #c2a593;
 }
 
 .listing-apps a:hover {
 	top: 0;
 	left: 0;
-	/*border: 30px solid #2c2b27;*/
+	border: 30px solid #2c2b27;
+	transform: rotate(7deg);
 }
 .listing-apps a::after, .listing-apps a::before, .listing-apps a:hover::after, .listing-apps a:hover::before, .listing-apps a .first-letter {
 	width: 0;
@@ -402,8 +404,23 @@ body.logged, .logged .content {
 	padding: 6px 5%;
 	text-align: left;
 	background: #2c2b27;
-	color: #c2a593;
 	line-height: 1.4em;
+	overflow: hidden;
+}
+.listing-apps a:hover .name {
+	height: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+.listing-apps a:hover .first-letter {
+	display: inline;
+	position: relative;
+}
+
+.listing-apps a:hover .first-letter {
+	width: 100%;
+	height: 100%;
 }
 
 /* ------------------------