From 3a99ef512e749970918de892e96c0e019f3859a7 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.h.kim@gmail.com>
Date: Fri, 19 May 2017 15:41:07 -0700
Subject: [PATCH] SQUASH: add comment to styling and alpha order

---
 css/modals/invite/_invite.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/css/modals/invite/_invite.scss b/css/modals/invite/_invite.scss
index d2931016d..f2edd559a 100644
--- a/css/modals/invite/_invite.scss
+++ b/css/modals/invite/_invite.scss
@@ -8,17 +8,22 @@
 
 .invite-dialog {
     .dial-in-numbers {
+        .dial-in-numbers-conference-id {
+            color: orange;
+            margin-left: 3px;
+        }
+
+        /*
+         * dial-in-numbers-copy styling is needed for the feature of copying
+         * text to the clipboard. The styling keeps the element invisible
+         * to the user but still programmatically selectable for copying.
+         */
         .dial-in-numbers-copy {
             opacity: 0;
             pointer-events: none;
             position: fixed;
-            user-select: text;
             -webkit-user-select: text;
-        }
-
-        .dial-in-numbers-conference-id {
-            color: orange;
-            margin-left: 3px;
+            user-select: text;
         }
 
         .dial-in-numbers-trigger {