simplifying css 1

client/homebrew/pages/basePages/listPage/brewItem/brewItem.less

@@ -28,8 +28,6 @@
 		}
 	}
 	.info {
-		position  : initial;
-		bottom    : 2px;
 		font-size : 1.2em;
 		& > span { line-height : 1.5em; }
 		a { color : inherit; }
@@ -77,7 +75,7 @@
 		background-color : fade(black, 60%);
 		a,
 		button {
-			.animate(opacity);
+			
 			display         : block;
 			width           : 100%;
 			margin          : 8px 0px;
@@ -104,15 +102,10 @@
 }
 
 .grid > .brewItem {
-	position                    : relative;
-	box-sizing                  : border-box;
-	display                     : inline-block;
-	width                       : clamp(300px, 48%, 600px);
+	width                       : clamp(300px, 48%, 500px);
 	min-height                  : 125px;
 	padding                     : 5px 15px 2px 6px;
 	padding-right               : 15px;
-	overflow                    : hidden;
-	vertical-align              : top;
 	background-color            : #CAB2802E;
 	background-image            : url('https://ik.imagekit.io/5eCleric/background%20note.png');
 	background-size             : cover;
@@ -120,9 +113,6 @@
 	border-radius               : 5px;
 	box-shadow                  : 0px 4px 5px 0px #333333;
 	isolation                   : isolate;
-	break-inside                : avoid;
-	-webkit-column-break-inside : avoid;
-	break-inside           : avoid;
 	.thumbnail {
 		position            : absolute;
 		top                 : 0;
@@ -145,9 +135,6 @@
 		}
 	}
 	.info {
-		position  : initial;
-		bottom    : 2px;
-
 		font-size : 0.9em;
 		& > span {
 			margin-right : 12px;
@@ -196,7 +183,7 @@
 		.links { opacity : 1; }
 	}
 	.links {
-		.animate(opacity);
+		
 		position         : absolute;
 		top              : 0px;
 		right            : 0px;
@@ -207,7 +194,7 @@
 		opacity          : 0;
 		a,
 		button {
-			.animate(opacity);
+			
 			display         : block;
 			width           : 100%;
 			margin          : 8px 0px;