fix(Toolbar): Improve spacing between button

cozy · Jul 5, 2024 · d5b9a13 · d5b9a13
1 parent f412cb8
commit d5b9a13
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/photos/ducks/albums/components/AlbumToolbar.jsx b/src/photos/ducks/albums/components/AlbumToolbar.jsx
@@ -52,7 +52,7 @@ const AlbumToolbar = ({
       role="toolbar"
     >
       {!isMobile && (
-        <>
+        <div className="u-flex u-flex-items-start u-mr-half">
           <SharedRecipients
             docId={album.id}
             onClick={() => shareAlbum(album)}
@@ -63,7 +63,7 @@ const AlbumToolbar = ({
             onClick={() => shareAlbum(album)}
             docId={album.id}
           />
-        </>
+        </div>
       )}
       <MoreMenu actions={actions} />
     </div>

diff --git a/src/photos/ducks/timeline/components/Toolbar.jsx b/src/photos/ducks/timeline/components/Toolbar.jsx
@@ -25,6 +25,7 @@ const Toolbar = ({ disabled = false, uploadPhotos, selectItems }) => {
     <div className={styles['pho-toolbar']} role="toolbar">
       {!isMobile && (
         <UploadButton
+          className="u-mr-half"
           onUpload={uploadPhotos}
           disabled={disabled}
           label={t('Toolbar.photo_upload')}