fix: standardize some card styles with fpp-card

Author: jnovack

www/css/fpp-system-design.css

@@ -1624,7 +1624,6 @@
    Enhanced card with accent bars and structured headers
    ========================================================================== */
 .fpp-card {
-	background: var(--fpp-bg-card);
 	border: 1px solid var(--fpp-border);
 	border-radius: var(--fpp-radius-lg);
 	box-shadow: var(--fpp-shadow-sm);
@@ -1767,7 +1766,7 @@
 /* Compact card modifier - tighter spacing for secondary content */
 .fpp-card--compact {
 	padding: var(--fpp-sp-lg);
-	margin-bottom: var(--fpp-sp-lg);
+	flex-direction: row;
 }
 
 .fpp-card--compact:hover {

www/system-upgrade.php

@@ -929,8 +929,8 @@ function initFaqAccordion() {
                 <!-- Upgrade Options -->
                 <div class="row">
                     <!-- FPP Software Update -->
-                    <div class="col-md-6 fpp-col-flex">
-                        <div class="fpp-card fpp-card--accent fpp-card--accent-success fpp-card--flex">
+                    <div class="col-xl-6 fpp-col-flex">
+                        <div class="card fpp-card fpp-card--accent fpp-card--accent-success fpp-card--flex">
                             <div class="fpp-card__header">
                                 <div class="fpp-card__icon fpp-card__icon--success">
                                     <i class="fas fa-sync-alt"></i>
@@ -1067,8 +1067,8 @@ class="fpp-version-indicator fpp-version-indicator--clickable"
                     </div>
 
                     <!-- Operating System Upgrade -->
-                    <div class="col-md-6 fpp-col-flex">
-                        <div class="fpp-card fpp-card--accent fpp-card--accent-warning fpp-card--flex">
+                    <div class="col-xl-6 fpp-col-flex">
+                        <div class="card fpp-card fpp-card--accent fpp-card--accent-warning fpp-card--flex">
                             <div class="fpp-card__header">
                                 <div class="fpp-card__icon fpp-card__icon--warning">
                                     <i class="fas fa-hdd"></i>
@@ -1180,7 +1180,7 @@ class='icon-help'>
 
                 <?php if (isset($settings['uiLevel']) && $settings['uiLevel'] >= 1) { ?>
                     <!-- Revert to Previous Commit Card -->
-                    <div class="fpp-card fpp-card--accent fpp-card--accent-neutral fpp-card--compact fpp-card--inline">
+                    <div class="card fpp-card fpp-card--accent fpp-card--accent-neutral fpp-card--compact fpp-card--inline">
                         <div class="fpp-card__content">
                             <h3 class="fpp-card__title">
                                 <i class="fas fa-history"></i>
@@ -1196,7 +1196,7 @@ class='icon-help'>
                     </div>
 
                     <!-- Version Information -->
-                    <div class="fpp-card fpp-card--accent fpp-card--accent-neutral mt-4">
+                    <div class="card fpp-card fpp-card--accent fpp-card--accent-neutral">
                         <div class="fpp-card__header-simple">
                             <h3>
                                 <i class="fas fa-info-circle"></i>