Responsive CSS updates.

2020-09-21 21:34:55 -07:00
parent 106fe90e26
commit c95aa4aa56
21 changed files with 124 additions and 73 deletions
--- a/components/settings/AccountSettings.js
+++ b/components/settings/AccountSettings.js
@@ -40,7 +40,7 @@ export default function AccountSettings() {

  const Buttons = row =>
    row.username !== 'admin' ? (
-      <ButtonLayout>
+      <ButtonLayout align="right">
        <Button icon={<Pen />} size="small" onClick={() => setEditAccount(row)}>
          <div>
            <FormattedMessage id="button.edit" defaultMessage="Edit" />
--- a/components/settings/ThemeButton.module.css
+++ b/components/settings/ThemeButton.module.css
@@ -1,3 +1,7 @@
+.button {
+  width: 50px;
+}
+
 .button svg {
  position: absolute;
 }
--- a/components/settings/WebsiteSettings.js
+++ b/components/settings/WebsiteSettings.js
@@ -32,7 +32,7 @@ export default function WebsiteSettings() {
  const { data } = useFetch(`/api/websites`, {}, { update: [saved] });

  const Buttons = row => (
-    <ButtonLayout>
+    <ButtonLayout align="right">
      {row.share_id && (
        <Button
          icon={<LinkIcon />}