made non-text elements unselectable

static/styles/base.css

@@ -7,18 +7,28 @@ body {
   color: #f5f5f5;
 }
 
-button {
-  font-size: 1rem;
-}
-
 body.no-scroll {
   overflow: hidden;
 }
 
+button {
+  font-size: 1rem;
+  user-select: none;
+}
+
 a {
   color: #4da6ff;
 }
 
+label, select, legend {
+  user-select: none;
+}
+
+.unselectable {
+  user-select: none;
+}
+
+
 /* SVG ICONS */
 svg {
   width: 16px;

templates/index.html

@@ -145,7 +145,7 @@
             </div>
 
             <div class="form-group">
-              <span class="group-label" data-i18n="label_role"></span>
+              <span class="group-label unselectable" data-i18n="label_role"></span>
               <div class="checkbox-grid">
                 <label for="role-patient"><input type="checkbox" name="role" value="patient" id="role-patient"><span data-i18n="role_patient"></span></label>
                 <label for="role-clinician"><input type="checkbox" name="role" value="clinician" id="role-clinician"><span data-i18n="role_clinician"></span></label>
@@ -192,7 +192,7 @@
       <!-- Status/Comment line -->
       <div class="status-comment">
         <span data-i18n="ready" class="status-ok" id="status"></span>
-        <span id="leave-comment"><a href="#" data-i18n="link_comment"></a></span>
+        <span id="leave-comment" class="unselectable"><a href="#" data-i18n="link_comment"></a></span>
       </div>
 
       <!-- Comment overlay -->
@@ -224,7 +224,7 @@
             <!-- No files added yet -->
           </div>
           <h3 data-i18n="file_add_title"></h3>
-          <div id="file-drop-zone" class="file-drop-area">
+          <div id="file-drop-zone" class="file-drop-area unselectable">
             <p><span data-i18n="file_add_instructions_prefix"></span><a href="#" data-i18n="click"></a><span data-i18n="file_add_instructions_suffix"></span></p>
             <input
               type="file"