viz

app.py

@@ -82,10 +82,10 @@ def data_comparison(df):
     ).interactive()
 
     legend = alt.Chart(df).mark_point().encode(
-        y=alt.Y('slice:N', axis=alt.Axis(orient='right'), title=""),
+        y=alt.Y('slice:N', axis=alt.Axis(orient='right'), title="",),
         x=alt.X("label"),
         shape=alt.Shape('label', scale=alt.Scale(
-            range=['circle', 'diamond']), legend=None), 
+            range=['circle', 'diamond']), legend=None),
         color=color
     ).add_selection(
         selection
@@ -97,6 +97,13 @@ def data_comparison(df):
         grid=False
     ).configure_view(
         strokeOpacity=0
+    ).configure_legend(
+        strokeColor='gray',
+        fillColor='#EEEEEE',
+        padding=10,
+        cornerRadius=10,
+        orient='top-right'
+
     )
 
     return layered

error_analysis/utils/style_hacks.py

@@ -22,18 +22,9 @@ def init_style():
         padding:10px 10px 10px 10px;
     }
     /* Main Panel*/
-    .reportview-container .main .block-container{{
-        max-width: {max_width}px;
-        padding-top: {padding_top}rem;
-        padding-right: {padding_right}rem;
-        padding-left: -200px;
-        padding-bottom: {padding_bottom}rem;
-        margin-left: -500px;
-    }}
-    .reportview-container .main {{
-        color: {COLOR};
-        background-color: {BACKGROUND_COLOR};
-    }}
+    .css-gvhdpn.e1tzin5v0 {
+        margin-left: -200px;
+    }
     .css-18e3th9 {
         padding:10px 10px 10px -200px;
     }
@@ -68,6 +59,15 @@ def init_style():
     .sectionHeader {
         font-size:10px;
     }
+    h1 {
+        font-family: sans-serif;
+        font-weight: 500;
+        font-size: 1.5 rem;
+        color: rgb(250, 250, 250);
+        padding: 1.25rem 0px 1rem;
+        margin: 0px;
+        line-height: 1.4;
+    }
 
     /* text input*/
     .st-e5 {