Update logo

app.py

@@ -24,7 +24,8 @@ acknowledgement_text = ("The OrchAId TZ viability dataset used to develop the mo
                         "Instituto de Investigação Agrária de Moçambique, Mozambique, Departmento de Recursos Naturales y Ambientales, "
                         "Puerto Rico & the National Parks Trust of the Virgin Islands.")
 disclaimer_text = (
-    ui.HTML("<b>DISCLAIMER</b>"),': the evaluation of the model applies to our dataset and there are many factors that may influence performance of the '
+    ui.HTML("<b>DISCLAIMER</b>"),
+    ': the evaluation of the model applies to our dataset and there are many factors that may influence performance of the '
     'model on new images.'
     ' We recommend visually inspecting at least a few images to ensure the model is performing as expected on your batch of images.')
 # Load the prediction model
@@ -106,12 +107,15 @@ main_app = ui.page_fluid(
 
 app_ui = ui.page_fluid(
     ui.include_css("styles.css"),
+
     ui.div(
         ui.row(
-            ui.column(1,
-                      ui.panel_title(ui.div(ui.output_image("logo_image", inline=True), class_="navbar-logo"))
+            ui.column(2,
+                      ui.panel_title(ui.div(ui.output_image("logo_image", inline=True), class_="navbar-logo")),
+                      class_="navbar-col"
                       ),
-            ui.column(4, ui.div('A tool to automate the analysis of epiphytic orchid viability tests with machine learning', class_="navbar-text"), class_="navbar-col")
+            ui.column(4, ui.div('A tool to automate the analysis of epiphytic orchid viability tests with machine learning', class_="navbar-text"),
+                      class_="navbar-col")
         ),
         class_="nav-bar"
     ),
@@ -258,7 +262,7 @@ def server(input, output, session: Session):
 
     @render.image
     def logo_image():
-        img = {"src": "assets/example_logo.png", "height": "100px", "width": "100px"}
+        img = {"src": "assets/logo3.png", "height": "100px", "width": "138px", 'alt': 'OrchAId'}
         return img
 
     analysis_results = reactive.Value([])

styles.css

@@ -40,6 +40,7 @@ body {
     font-weight: 700;
     font-size: 1.8rem;
     padding: 0px 0;
+    text-align: center;
 }
 /*To align text at the bottom of the navbar*/
 .navbar-text {
@@ -49,6 +50,8 @@ body {
 
 .navbar-col{
     display: table;
+    padding-left: 0;
+    padding-right: 0;
 }
 
 .body-bar {