Resolve "[MIN-249] Two ways to reach submaps and more compact submaps view"

Closes #184 (closed)

src/components/Map/Drawer/SubmapsDrawer/SubmapItem/DownloadSubmap/DownloadSubmap.component.tsx

@@ -6,6 +6,7 @@ import Image from 'next/image';
 import spinnerIcon from '@/assets/vectors/icons/spinner.svg';
 import { useState } from 'react';
 import { downloadFileFromUrl } from '@/redux/export/export.utils';
+import { Icon } from '@/shared/Icon';
 import { SUBMAP_DOWNLOAD_HANDLERS_NAMES } from './DownloadSubmap.constants';
 import { useGetSubmapDownloadUrl } from './utils/useGetSubmapDownloadUrl';
 
@@ -34,9 +35,11 @@ export const DownloadSubmap = (): React.ReactNode => {
     <div className="relative">
       <Button
         data-testid="download-submap-button"
-        variantStyles="ghost"
-        className="mr-4"
+        variantStyles="quiet"
+        className="mr-4 p-0"
         {...getToggleButtonProps()}
+        title="Download"
+        disabled={isDownloading}
       >
         {isDownloading && (
           <Image
@@ -47,11 +50,11 @@ export const DownloadSubmap = (): React.ReactNode => {
             className="mr-5 animate-spin"
           />
         )}
-        Download
+        {!isDownloading && <Icon name="download" className="h-6 w-6 fill-font-500" />}
       </Button>
       <ul
         data-testid="download-submap-list"
-        className={`absolute left-[-50%] z-10 max-h-80 w-48 overflow-scroll rounded-sm border bg-white p-0 ps-0 ${
+        className={`absolute right-[-50%] z-10 max-h-80 w-48 overflow-scroll rounded-sm border bg-white p-0 ps-0 ${
           !isOpen && 'hidden'
         }`}
         {...getMenuProps()}