Move upgrade related css into separate file

Author: marthacryan

dash/dash-renderer/src/components/error/FrontEnd/FrontEndError.css

@@ -12,17 +12,6 @@
     margin-right: 10px;
 }
 
-.dash-debug-menu__upgrade-button {
-    background-color: #a159ff0d;
-    border: 1px solid #864ad433;
-    color: #7f4bc4;
-    margin-left: 10px;
-}
-
-.dash-debug-menu__upgrade-button:hover {
-    background-color: #864ad433;
-}
-
 .dash-fe-error__icon-x:hover {
     color: #a1a9b5;
 }
@@ -53,14 +42,6 @@
     height: 28px;
     margin: 0px 8px;
 }
-.dash-debug-menu__error-count {
-    font-size: 12px;
-    color: #fff;
-    background-color: #c73a3a;
-    padding: 3px 5px;
-    border-radius: 3px;
-    margin: 0 5px;
-}
 .dash-fe-error-top__group:first-child {
     /*
      * 77% is the maximum space allowed based off of the other elements

dash/dash-renderer/src/components/error/menu/DebugMenu.css

@@ -68,31 +68,6 @@
     margin: 0 5px;
 }
 
-.dash-debug-menu__upgrade-tooltip button,
-.dash-debug-menu__upgrade-tooltip a {
-    background: white;
-    border: none;
-    padding: 2px 5px;
-    white-space: nowrap;
-    color: #7f4bc4;
-    font-size: 10pt;
-    text-decoration: none;
-    font-family: none;
-    cursor: pointer;
-    display: flex;
-}
-
-.dash-debug-menu__upgrade-tooltip:after {
-    content: ' ';
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    border-width: 10px;
-    border-style: solid;
-    border-color: white transparent transparent transparent;
-}
-
 .dash-debug-menu__content {
     display: flex;
     align-items: stretch;
@@ -156,9 +131,13 @@
     color: rgb(50, 50, 50);
 }
 
-.dash-debug-error-count {
-    display: block;
-    margin: 0 3px;
+.dash-debug-menu__error-count {
+    font-size: 12px;
+    color: #fff;
+    background-color: #c73a3a;
+    padding: 3px 5px;
+    border-radius: 3px;
+    margin: 0 5px;
 }
 
 .dash-debug-disconnected {

dash/dash-renderer/src/components/error/menu/VersionInfo.css

@@ -0,0 +1,36 @@
+
+.dash-debug-menu__upgrade-tooltip button,
+.dash-debug-menu__upgrade-tooltip a {
+    background: white;
+    border: none;
+    padding: 2px 5px;
+    white-space: nowrap;
+    color: #7f4bc4;
+    font-size: 10pt;
+    text-decoration: none;
+    font-family: none;
+    cursor: pointer;
+    display: flex;
+}
+
+.dash-debug-menu__upgrade-tooltip:after {
+    content: ' ';
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 10px;
+    border-style: solid;
+    border-color: white transparent transparent transparent;
+}
+
+.dash-debug-menu__upgrade-button {
+    background-color: #a159ff0d;
+    border: 1px solid #864ad433;
+    color: #7f4bc4;
+    margin-left: 10px;
+}
+
+.dash-debug-menu__upgrade-button:hover {
+    background-color: #864ad433;
+}

dash/dash-renderer/src/components/error/menu/VersionInfo.react.js

@@ -1,5 +1,7 @@
 import React, {useEffect, useState} from 'react';
 
+import './VersionInfo.css';
+
 const DAY_IN_MS = 86400000;
 
 function compareVersions(v1, v2) {