moved all inline style to stylesheet

Author: ronniebugia

apps/dash-cytoscape-phylogeny/app.py

@@ -188,15 +188,10 @@ def add_to_elements(clade, clade_id):
                 html.H4("Phylogeny"),
                 cyto.Cytoscape(
                     id="cytoscape",
+                    className="cytoscape",
                     elements=elements,
                     stylesheet=stylesheet,
                     layout={"name": "preset", "fit": True, "animate": True},
-                    style={
-                        "height": "650px",
-                        "width": "100%",
-                        "backgroundColor": "white",
-                        "margin": "auto",
-                    },
                     minZoom=0.25,
                 ),
             ],

apps/dash-cytoscape-phylogeny/assets/style.css

@@ -35,13 +35,14 @@ h4{
     font-size: 20px;
 }
 
-#cytoscape{
-    height: 95vh;
-    width: 100%;
+.cytoscape{
+    height: 650px !important;
+    width: 100% !important;
     background-color: white;
     margin:auto;
 }
 
+
 .div-info{
     padding-bottom: 14px;
     border-bottom: 1px solid #1f1f1f60