Nicklist toggle border-radius mobile hacks

diff --git a/client/assets/css/style.css b/client/assets/css/style.css
index 10b144910b6cfa195ea8e9a378a5c171633f68ee..a5eb0419f7f06a3a45906db2e7b32548bb3c5952 100644 (file)
--- a/client/assets/css/style.css
+++ b/client/assets/css/style.css
@@ -149,8 +149,20 @@ html, body { height:100%; }
     line-height: 1.5em;
     background: #e3e3e3;
     border: 1px solid;
-    border-radius: 50%;
     cursor: pointer;
+
+    /*
+        Some mobile browsers only support long-hand border-radius, and using large
+        px values instead of 50% ensures the circle
+    */
+    -webkit-border-top-left-radius: 500px;
+    -webkit-border-top-right-radius: 500px;
+    -webkit-border-bottom-left-radius: 500px;
+    -webkit-border-bottom-right-radius: 500px;
+    border-top-left-radius: 500px;
+    border-top-right-radius: 500px;
+    border-bottom-left-radius: 500px;
+    border-bottom-right-radius: 500px;
 }
 
 /* The active channels nicklist */