Hide App Address on small screens

2 files changed, 8 insertions, 1 deletions

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 00d2cd6..18b3b02 100755
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -546,4 +546,11 @@ table a{
 		grid-template-columns: 1fr 1fr;
 		grid-template-rows: auto;
 	}
+}
+
+/* Small Screens */
+@media only screen and (max-width: 400px) {
+	#app-address {
+		display: none;
+	}
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index e1a1499..bdd1953 100755
--- a/index.html
+++ b/index.html
@@ -86,7 +86,7 @@
                         </div>
                         <div class="apps_text">
                             <a href="https://{{url}}">{{name}}</a>
-                            <span>{{url}}</span>
+                            <span id="app-address">{{url}}</span>
                         </div>
                     </div>
                 {{/apps}}