Make certain controls non-selectable / non-draggable - Part II (#3957)

* This is due to my previous change which included the use of a poorly researched 'user-select: all' to unset a 'user-select'. The problem is that all does something else altogether: 'The content of the element shall be selected atomically: If a selection would contain part of the element, then the selection must contain the entire element including all its descendants. If a double-click or context-click occurred in sub-elements, the highest ancestor with this value will be selected.' Source: https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

* Add user-select:none to one more area

* Remove extraneous additional dash

Co-authored-by: LQ2' <lq2.apostrophe@gmail.com>

---------

Co-authored-by: LQ2' <lq2.apostrophe@gmail.com>

src/renderer/App.css

@@ -26,8 +26,8 @@
 
 .flexBox {
   display: block;
-  user-select: all;
-  -webkit-user-select: all;
+  user-select: unset;
+  -webkit-user-select: unset;
 }
 
 #changeLogText {

src/renderer/scss-partials/_ft-list-item.scss

@@ -85,6 +85,8 @@ $watched-transition-duration: 0.5s;
     .inner {
       grid-column: 1;
       grid-row: 1;
+      user-select: none;
+      -webkit-user-select: none;
     }
 
     .thumbnailLink {
@@ -331,6 +333,8 @@ $watched-transition-duration: 0.5s;
 .live,
 .upcoming {
   text-transform: uppercase;
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 // we use h3 for semantic reasons but don't want to keep the h3 style