[OPG] Emphasize / Style Detail Link

OpenPlaceGuide · Jul 22, 2024 · f6c9ae0 · f6c9ae0
1 parent 0c45318
commit f6c9ae0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/FeaturePanel/FeatureOpenPlaceGuideLink.tsx b/src/components/FeaturePanel/FeatureOpenPlaceGuideLink.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
+import { Button } from '@mui/material';
 import { t } from '../../services/intl';
 import { fetchJson } from '../../services/fetch';
 import { useFeatureContext } from '../utils/FeatureContext';
@@ -43,11 +44,11 @@ export const FeatureOpenPlaceGuideLink = () => {
     <>
       {instances.map((instance) => (
         <>
-          <a href={instance.url}>
+          <Button variant="contained" href={instance.url}>
             {t('featurepanel.more_in_openplaceguide', {
               instanceName: instance.name,
             })}
-          </a>
+          </Button>
           <Spacer />
         </>
       ))}

diff --git a/src/components/FeaturePanel/FeaturePanelInner.tsx b/src/components/FeaturePanel/FeaturePanelInner.tsx
@@ -119,15 +119,15 @@ export const FeaturePanelInner = () => {
               <ImageSlider />
 
               <PanelSidePadding>
+                <FeatureOpenPlaceGuideLink />
+
                 <Properties showTags={showTagsTable} key={getKey(feature)} />
 
                 <MemberFeatures />
                 {advanced && <Members />}
 
                 <PublicTransport tags={tags} />
 
-                <FeatureOpenPlaceGuideLink />
-
                 {editEnabled && <EditButton />}
                 <EditDialog />
               </PanelSidePadding>