ui: diagnostics: Fix layout of repair buttons

- A 'row' class is more suitable when we want to use the Bootstrap's 'Grid'
system. Bootstrap 5 sets 'width: 100%' on all children of a .row. So, use a
simpler 'display: flex' instead.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>

plinth/modules/diagnostics/templates/diagnostics_app.html

@@ -9,7 +9,7 @@
 
   <h2>{% trans "Diagnostic Results" %}</h2>
 
-  <div class="row align-items-center justify-content-between">
+  <div class="d-flex align-items-center justify-content-between">
     <h3>{% blocktrans %}App: {{ app_name }}{% endblocktrans %}</h3>
 
     {% if show_repair %}

plinth/modules/diagnostics/templates/diagnostics_full.html

@@ -33,7 +33,7 @@
   {% if results %}
     <h3>{% trans "Results" %}</h3>
     {% for app_id, app_data in results.results.items %}
-      <div class="row align-items-center justify-content-between">
+      <div class="d-flex align-items-center justify-content-between">
         <h4>
           {% blocktrans trimmed with app_name=app_data.name %}
             App: {{app_name}}