everything working in docker container except flash messages

Dockerfile

@@ -18,8 +18,10 @@ RUN apt-get install -y graphviz
 # copy every content from the local file to the image
 COPY . .
 
+WORKDIR /app/Frontend
+
 # configure the container to run in an executed manner
 ENTRYPOINT [ "python" ]
 # RUN chmod 644 Frontend/main.py
-CMD ["Frontend/main.py" ]
+CMD ["main.py" ]
 

Frontend/static/styles.css

@@ -45,10 +45,18 @@ th, td {
   margin:0px;
 }
 
+.contents{
+  margin-top: 5%;
+}
+
 /* Add a black background color to the top navigation */
 .topnav {
   background-color:rgb(0,114,188);
   overflow: hidden;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
 }
 
 /* Style the links inside the navigation bar */

Frontend/templates/aboutus.html

@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block body %}
-<div style='text-align:center'>
+<div class="contents" style='text-align:center'>
     <h1>This is a project from the Chair of Process and Data Science from RWTH Aachen University</h1>
     <img src="{{url_for('static',filename='moyai.jpg')}}" alt="Placeholder"> <br>
     <h2>by: Ahmad Mannoun,  Aleksandra Dimitrova, Geno Jayadi, Paula Hermenau  </h2>

Frontend/templates/case.html

@@ -8,7 +8,7 @@
 {% endblock %}
 
 {% block body %}
-<div style="text-align: center; margin-top: 10px;" class="custom-select" >
+<div class="contents" style="text-align: center;" class="custom-select" >
 
   Choose which case you want to optimize:
   <!-- This is the form for directly sending case ID to be processed by the agent. -->

Frontend/templates/index.html

@@ -6,24 +6,26 @@
 {% endblock %}
 
 {% block body %}
-  <header style="text-align: center;">
-    <img src="/static/OPTIS_logo3.png" alt="Placeholder" style="max-width: 50%; padding: 40px; margin-top: 40px;">
-  </header>
+  <div class="contents">
+    <header style="text-align: center;">
+      <img src="/static/OPTIS_logo3.png" alt="Placeholder" style="max-width: 50%; padding: 40px; margin-top: 40px;">
+    </header>
 
-  <div style="text-align: center; padding-top: 40 px;">
-    <h1 class="introductions" style="color: rgb(0,114,188);">Introduction</h1>
-      <text class="desc">OPTIS is a standalone Python based web application which aims to minimize time requirements of busines processes. <br> It seeks to achieve this by using an intelligent agent that is trained using reinforcement learning techniques. <br> Learn more about the app <a href="info.html">here</a>! <br></text>
-  </div>
-
-  <div style="text-align: center; padding-top: 40 px; margin-top: 20px;">
-    <text class="desc">Make sure to read the <a href="{{ url_for('static', filename='User_Manual.pdf') }}">user manual</a> and have fun optimizing your process!</text>
-  </div>
+    <div style="text-align: center; padding-top: 40 px;">
+      <h1 class="introductions" style="color: rgb(0,114,188);">Introduction</h1>
+        <text class="desc">OPTIS is a standalone Python based web application which aims to minimize time requirements of busines processes. <br> It seeks to achieve this by using an intelligent agent that is trained using reinforcement learning techniques. <br> Learn more about the app <a href="info.html">here</a>! <br></text>
+    </div>
 
-  <form  id="gotoStart" method="post" name="gotoStart">
-    <div style = "text-align: center;">
-      <!--Submit button-->
-      <button type="submit" class="button" form="gotoStart"  style="margin-top: 50px;"> Optimize now!</button>
+    <div style="text-align: center; padding-top: 40 px; margin-top: 20px;">
+      <text class="desc">Make sure to read the <a href="{{ url_for('static', filename='user_manual.pdf') }}">user manual</a> and have fun optimizing your process!</text>
     </div>
-  </form>
+
+    <form  id="gotoStart" method="post" name="gotoStart">
+      <div style = "text-align: center;">
+        <!--Submit button-->
+        <button type="submit" class="button" form="gotoStart"  style="margin-top: 50px;"> Optimize now!</button>
+      </div>
+    </form>
+  </div>
 
 {% endblock %}
\ No newline at end of file

Frontend/templates/info.html

@@ -5,7 +5,7 @@
 {% endblock %}
 
 {% block body %}
-  <div style="text-align: center; padding-top: 40 px;">
+  <div class="contents" style="text-align: center; padding-top: 40 px;">
     <h1 class="introductions" style="color: rgb(0,114,188);">What does OPTIS do?</h1>
       <text class="desc">OPTIS is a standalone Python based web application which aims to minimize time requirements of busines processes. <br> 
         It's customized to work on a single business process:

Frontend/templates/preview.html

@@ -5,7 +5,7 @@
 {%endblock%}
 
 {%block body%}
-<div style="text-align: center;">
+<div class="contents" style="text-align: center;">
     <h1>File Preview: {{ filename }}</h1>
     <p>Preview the first {{ row_count }} rows of your uploaded event log to make sure you've uploaded the right file.</p>
     <table>

Frontend/templates/result.html

@@ -9,7 +9,7 @@
 {%endblock%}
 
 {%block body%}
-<div style="text-align: center;">
+<div class="contents" style="text-align: center;">
     <h1>Here are the results of the optimization!</h1>
         <h2>We recommend you to do the following activity for this specific case: {{name}}</h2>
             <!--res is the result-->

Frontend/templates/start.html

@@ -6,7 +6,7 @@
 {% endblock %}
 
 {% block body %}
-  <div style="text-align: center;">
+  <div class = "contents" style="text-align: center;">
     <h1>Upload your files and get started now!</h1>
     <!--This is the upload functionality. It automatically already filters for xes and csv file. However, a warning is added nonetheless for user experience.-->
       <form action="{{ url_for('upload_file') }}" method="POST" enctype="multipart/form-data" name="upload">