Fix safari flexbox/gap issue with grid

related to #435
2021-08-11 19:27:08 +10:00
parent b255af5f0f
commit 1d1f62e38e
8 changed files with 14 additions and 14 deletions
--- a/app/web/src/components/EditableProjecTitle/EditableProjecTitle.tsx
+++ b/app/web/src/components/EditableProjecTitle/EditableProjecTitle.tsx
@@ -86,7 +86,7 @@ const EditableProjectTitle = ({
          </span>
          <div className="flex items-center h-full">
            <button
-              className="ml-4 flex p-px px-2 gap-2 bg-ch-purple-400 bg-opacity-30 hover:bg-opacity-80 rounded-sm border border-ch-purple-400"
+              className="ml-4 grid grid-flow-col-dense p-px px-2 gap-2 bg-ch-purple-400 bg-opacity-30 hover:bg-opacity-80 rounded-sm border border-ch-purple-400"
              id="rename-button"
              onClick={() =>
                updateProject({ variables: { id, input: { title: newTitle } } })