feat: zarovnani ikony varovani doprava

client/src/App.scss

@@ -315,11 +315,20 @@ body {
     border-bottom: none;
     cursor: pointer;
     transition: var(--luncher-transition);
+    display: flex;
+    align-items: center;
+    gap: 8px;
 
     &:hover {
       background: var(--luncher-primary-hover);
     }
 
+    .restaurant-header-content {
+      display: flex;
+      flex-direction: column;
+      flex: 1;
+    }
+
     h3 {
       margin: 0;
       font-size: 1.1rem;
@@ -338,7 +347,6 @@ body {
     .restaurant-warning {
       color: #f59e0b;
       cursor: help;
-      margin-left: 8px;
       font-size: 1rem;
     }
   }

client/src/App.tsx

@@ -489,10 +489,12 @@ function App() {
     return <Col md={6} lg={3} className='mt-3'>
       <div className="restaurant-card">
         <div className="restaurant-header" style={{ cursor: canChangeChoice ? 'pointer' : 'default' }} onClick={() => doAddClickFoodChoice(location)}>
+          <div className="restaurant-header-content">
             <h3>
               {getLunchChoiceName(location)}
             </h3>
             {menu?.lastUpdate && <small>Aktualizace: {getHumanDateTime(new Date(menu.lastUpdate))}</small>}
+          </div>
           {menu?.warnings && menu.warnings.length > 0 && (
             <span className="restaurant-warning" title={menu.warnings.join('\n')}>
               <FontAwesomeIcon icon={faTriangleExclamation} />