Fix alert handling in legacy mako for e.g. used in multihistory view

client/galaxy/scripts/components/ProgressBar.vue

@@ -1,9 +1,9 @@
 <template>
     <div class="my-1">
+        <small class="position-absolute text-center w-100" v-if="note">
+            {{ note }}<span v-if="loading">.<span class="blinking">..</span></span>
+        </small>
         <b-progress :max="total">
-            <span class="position-absolute text-center w-100 mt-2" v-if="note">
-                {{ note }}<span v-if="loading">.<span class="blinking">..</span></span>
-            </span>
             <b-progress-bar variant="success" :value="okCount" />
             <b-progress-bar variant="danger" :value="errorCount" />
             <b-progress-bar variant="warning" :value="runningCount" />

templates/base/base_panels.mako

@@ -174,13 +174,13 @@
             </div>
             
             %if self.message_box_visible:
-                <div id="messagebox" class="panel-${app.config.message_box_class}-message" style="display:block">
+                <div id="messagebox" class="alert alert-${app.config.message_box_class} rounded-0 m-0 p-2">
                     ${app.config.message_box_content}
                 </div>
             %endif
             
             %if self.show_inactivity_warning:
-                <div id="inactivebox" class="panel-warning-message">
+                <div id="inactivebox" class="alert alert-warning rounded-0 m-0 p-2">
                     ${app.config.inactivity_box_content} <a href="${h.url_for( controller='user', action='resend_verification' )}">Resend verification.</a>
                 </div>
             %endif