Skip to content

Commit 0c31581

Browse files
committed
style(PageTitleInput): add inline link styling for retry button
Style the retry button in error messages as an inline text link instead of a block button, for better visual integration with the error message text. - Display inline with inherited font properties - Use primary color with underline (link-like appearance) - Remove block-level button styling for this context Co-Authored-By: Claude
1 parent 8e267ed commit 0c31581

File tree

1 file changed

+25
-0
lines changed

1 file changed

+25
-0
lines changed

src/App.css

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -186,6 +186,31 @@ button:disabled {
186186
font-weight: bold;
187187
}
188188

189+
.status-message-container button {
190+
display: inline;
191+
inline-size: auto;
192+
padding: 0;
193+
background: none;
194+
color: var(--primary-color);
195+
border: none;
196+
font-size: inherit;
197+
font-weight: inherit;
198+
text-decoration: underline;
199+
cursor: pointer;
200+
}
201+
202+
.status-message-container button:hover {
203+
background: none;
204+
color: #2980b9;
205+
text-decoration: underline;
206+
}
207+
208+
.status-message-container button:disabled {
209+
background: none;
210+
color: #bdc3c7;
211+
cursor: not-allowed;
212+
}
213+
189214
details {
190215
border: 1px solid #ddd;
191216
border-radius: 0.25em;

0 commit comments

Comments
 (0)