diff --git a/websiteFunctions/templates/websiteFunctions/DockerSiteHome.html b/websiteFunctions/templates/websiteFunctions/DockerSiteHome.html index 338a3f102..52c1aa7f7 100644 --- a/websiteFunctions/templates/websiteFunctions/DockerSiteHome.html +++ b/websiteFunctions/templates/websiteFunctions/DockerSiteHome.html @@ -138,6 +138,90 @@ border: 1px solid #ddd; } } + + .action-buttons { + display: flex; + align-items: center; + } + .action-buttons .btn-group { + margin-left: 8px; + } + .action-buttons .btn { + padding: 6px 12px; + font-size: 14px; + } + .action-buttons .btn i { + margin-right: 4px; + } + .badge { + padding: 5px 10px; + border-radius: 4px; + font-weight: 500; + } + .badge-success { + background-color: #28a745; + color: white; + } + .badge-danger { + background-color: #dc3545; + color: white; + } + .badge-warning { + background-color: #ffc107; + color: #212529; + } + .btn-outline-success { + color: #28a745; + border-color: #28a745; + } + .btn-outline-success:hover { + color: white; + background-color: #28a745; + } + .btn-outline-warning { + color: #ffc107; + border-color: #ffc107; + } + .btn-outline-warning:hover { + color: #212529; + background-color: #ffc107; + } + .btn-outline-danger { + color: #dc3545; + border-color: #dc3545; + } + .btn-outline-danger:hover { + color: white; + background-color: #dc3545; + } + .btn-outline-primary { + color: #007bff; + border-color: #007bff; + } + .btn-outline-primary:hover { + color: white; + background-color: #007bff; + } + .btn-outline-info { + color: #17a2b8; + border-color: #17a2b8; + } + .btn-outline-info:hover { + color: white; + background-color: #17a2b8; + } + .ms-2 { + margin-left: 0.5rem; + } + .me-3 { + margin-right: 1rem; + } + .mb-2 { + margin-bottom: 0.5rem; + } + .m-0 { + margin: 0; + }