homepage mobile experience became bearable by using questionable css and js practices

2015-06-20 07:05:16 +02:00
parent 7d74a3cc27
commit f05b307fc0
6 changed files with 128 additions and 31 deletions
--- a/front-ui/app/css/items.css
+++ b/front-ui/app/css/items.css
@@ -57,7 +57,7 @@
 	border-color: #cccccc;
 }

-
+@media only screen and (min-width: 500px) { 
 .item_name_and_price {
 	text-align: center;
 	vertical-align: center;
@@ -71,6 +71,23 @@
 	text-align: right;
 	width: 100%;
 }
+}
+
+.item_name_and_price {
+	text-align: center;
+	vertical-align: center;
+	font-size: 13px;
+}
+
+
+.item_floating_price {
+	position: absolute;
+	bottom: 12%;
+	right: 12%;
+	text-align: right;
+	width: 100%;
+	font-size: 13px;
+}


 /*