added special add button in standalone app

web/src/components/Add/index.jsx

@@ -7,6 +7,7 @@ import { StyledMenuButtonWrapper } from 'style/CustomMaterialUiStyles'
 import { isStandaloneApp } from 'utils/Utils'
 
 import AddDialog from './AddDialog'
+import { StyledPWAAddButton } from './style'
 
 export default function AddDialogButton({ isOffline, isLoading }) {
   const { t } = useTranslation()
@@ -18,10 +19,7 @@ export default function AddDialogButton({ isOffline, isLoading }) {
     <div>
       <StyledMenuButtonWrapper disabled={isOffline || isLoading} button onClick={handleClickOpen}>
         {isStandaloneApp ? (
-          <>
-            <LibraryAddIcon />
-            <div>{t('AddFromLink')}</div>
-          </>
+          <StyledPWAAddButton />
         ) : (
           <>
             <ListItemIcon>

web/src/components/Add/style.js

@@ -337,3 +337,30 @@ export const PosterLanguageSwitch = styled.div`
     }
   `}
 `
+
+export const StyledPWAAddButton = styled.div`
+  border: 2px solid white;
+  border-radius: 50%;
+  height: 45px;
+  width: 45px;
+  position: relative;
+
+  :before,
+  :after {
+    content: '';
+    background: white;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  :before {
+    width: 2px;
+    height: 25px;
+  }
+  :after {
+    width: 25px;
+    height: 2px;
+  }
+`