Simplify css for text selection with stretched link

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index bc2533c17a3773ab5925bdf5f2213e8129fc52cf..ce83a1d935e5327b5ca868c8c6e931b68c31d323 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -745,14 +745,9 @@ tr.turn:hover {
     &.selected { background: $list-highlight; }
     /* color is derived from changeset bbox fillColor in history.js */
 
     &.selected { background: $list-highlight; }
     /* color is derived from changeset bbox fillColor in history.js */
 

-    a.stretched-link > span {
+    a.stretched-link > span, a:not(.stretched-link), [title] {

       position: relative;
       position: relative;

-      z-index: 2;
-    }
-
-    a:not(.stretched-link), [title] {
-      position: relative;
-      z-index: 1;
+      z-index: 2; /* needs to be higher than Bootstrap's stretched link ::after z-index */

     }
   }
 
     }
   }