Page MenuHomePhabricator

D5273.id17276.diff
No OneTemporary

D5273.id17276.diff

diff --git a/web/modals/threads/settings/thread-settings-delete-tab.css b/web/modals/threads/settings/thread-settings-delete-tab.css
--- a/web/modals/threads/settings/thread-settings-delete-tab.css
+++ b/web/modals/threads/settings/thread-settings-delete-tab.css
@@ -11,6 +11,7 @@
vertical-align: top;
color: var(--fg);
}
+
div.form_content {
display: flex;
font-family: var(--font-stack);
@@ -25,6 +26,16 @@
flex: 1;
}
+div.warning_container {
+ display: flex;
+ flex-direction: row;
+}
+
+.warning_icon {
+ margin-right: 4px;
+ padding: 8px 4px;
+}
+
.deletion_warning {
font-weight: var(--bold);
color: var(--fg);
diff --git a/web/modals/threads/settings/thread-settings-delete-tab.react.js b/web/modals/threads/settings/thread-settings-delete-tab.react.js
--- a/web/modals/threads/settings/thread-settings-delete-tab.react.js
+++ b/web/modals/threads/settings/thread-settings-delete-tab.react.js
@@ -87,11 +87,17 @@
return (
<form method="POST" className={css.container}>
<div>
- <SWMansionIcon icon="warning-circle" size={22} />
- <p className={css.deletion_warning}>
- Your chat will be permanently deleted. There is no way to reverse
- this.
- </p>
+ <div className={css.warning_container}>
+ <SWMansionIcon
+ icon="warning-circle"
+ className={css.warning_icon}
+ size={26}
+ />
+ <p className={css.deletion_warning}>
+ Your chat will be permanently deleted. There is no way to reverse
+ this.
+ </p>
+ </div>
</div>
<div>
<p className={css.confirm_account_password}>

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 26, 11:09 PM (10 h, 40 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2709419
Default Alt Text
D5273.id17276.diff (1 KB)

Event Timeline