2 files changed, 23 insertions, 2 deletions
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index 3c397dcff..b027792fb 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -718,5 +718,27 @@ div.message-container > div:first-child {
 }
 
 .pop-hover:hover {
-    transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+@media screen and (min-width: 576px) {
+  .lap-visible {
+    display: none;
+  }
+
+  .phone-visible {
+    display: flex;
+  }
+
+}
+
+@media screen and (max-width: 575px) {
+  .lap-visible {
+    display: flex;
+  }
+
+  .phone-visible {
+    display: none;
+  }
+
 }
diff --git a/ui/app/css/lib.css b/ui/app/css/lib.css
index 98570859a..b0ca958a2 100644
--- a/ui/app/css/lib.css
+++ b/ui/app/css/lib.css
@@ -270,4 +270,3 @@ hr.horizontal-line {
   margin-top: 20px;
   color: red;
 }
-