fixed z-index bug

Author: robicano22

app/components/ServicesDashboard.jsx

@@ -36,8 +36,6 @@ const ServicesDashboard = (props) => {
     return buttonStore;
   };
 
-  const tooltipWriteup = 'Please provide separate databases for additional microservice applications.';
-
   return (
     <div className="servicesDashboardContainer">
       <div className="left">
@@ -46,10 +44,6 @@ const ServicesDashboard = (props) => {
           <div className="left-top">
             <h2 className="dashboardHeader">
               Your Databases
-              <sup className="tooltip">
-              &#9432;
-                <div className="tooltiptext">{tooltipWriteup}</div>
-              </sup>
             </h2>
             {renderServiceList(serviceList)}
           </div>

app/index.css

@@ -384,6 +384,7 @@ select {
   width: 100%;
    height: 100%;
   background:rgba(0,0,0,.5);
+  z-index: 1;
 }
 
 #modalContent {
@@ -392,7 +393,7 @@ select {
   left: 50%;
   margin-left: -500px;
   margin-top: -380px;
-  z-index: 1;
+  z-index: 2;
   width: 1000px;
   height: 760px;
   background: #333;