Adjust SpaceControls whitespace

alexburner · Dec 11, 2022 · 7bf9372 · 7bf9372
1 parent 9c6276d
commit 7bf9372
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/components/SpaceControls.tsx b/src/components/SpaceControls.tsx
@@ -39,7 +39,7 @@ const SpaceDisplay = ({ space }: { space: Space }): JSX.Element => {
   )
   const spaceLabel = useSpaceLabel(space)
   return (
-    <div style={{ display: 'inline-block', padding: '4px 8px' }}>
+    <div style={{ display: 'inline-block' }}>
       <div
         style={{
           fontSize: '14px',
@@ -50,7 +50,6 @@ const SpaceDisplay = ({ space }: { space: Space }): JSX.Element => {
       {spaceLabel && (
         <div
           style={{
-            margin: '2px 0 0',
             fontSize: '12px',
             color: 'rgba(0, 0, 0, 0.6)',
           }}
@@ -81,7 +80,7 @@ const SpacePopover = ({
       <PopoverTrigger setOpen={setOpen}>{children}</PopoverTrigger>
       <Popover isOpen={isOpen} setClose={setClose}>
         <div className="space-popover-items">
-          <div className="p-5">
+          <div className="p-6">
             <UseCurrentLocation
               onSuccess={(s) => {
                 setLocalSpace(s)
@@ -90,7 +89,7 @@ const SpacePopover = ({
               }}
             />
           </div>
-          <div className="p-4">
+          <div className="p-5">
             <SearchForLocation
               onSelect={(s) => {
                 setLocalSpace(s)
@@ -105,7 +104,7 @@ const SpacePopover = ({
               setLocalSpace={setLocalSpace}
             />
           </div>
-          <div className="p-4">
+          <div className="p-5">
             <SaveCancel
               canSave={hasChanges}
               onSave={() => {

diff --git a/src/components/SpaceControls/LatLongFields.tsx b/src/components/SpaceControls/LatLongFields.tsx
@@ -9,7 +9,7 @@ export const LatLongFields = ({
   setLocalSpace: (s: Space) => void
 }): JSX.Element => {
   return (
-    <div className="columns is-variable is-1">
+    <div className="columns is-mobile is-variable is-1">
       <div className="column">
         <div className="field has-addons">
           <div className="control">