diff --git a/supply.html b/supply.html index 4141a28..ef503e9 100644 --- a/supply.html +++ b/supply.html @@ -28,14 +28,14 @@ .title-bar { background-color: #1677ff; color: white; - padding: 15px 15px; + padding: 12px 15px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; - flex-wrap: wrap; + flex-wrap: nowrap; gap: 10px; } @@ -45,24 +45,31 @@ font-weight: 500; flex: 1; text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .title-bar-actions { display: flex; gap: 8px; align-items: center; + flex-shrink: 0; } .title-bar-actions button { background-color: rgba(255, 255, 255, 0.2); color: white; - border: none; - padding: 8px 12px; - border-radius: 4px; - font-size: 13px; + border: 1px solid rgba(255, 255, 255, 0.3); + padding: 8px 16px; + border-radius: 20px; + font-size: 14px; cursor: pointer; - transition: background-color 0.3s; + transition: all 0.3s ease; white-space: nowrap; + backdrop-filter: blur(10px); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + flex-shrink: 0; } .title-bar-actions button:hover { @@ -1292,12 +1299,10 @@