1.8.6

Wrong content type on 5apps

app/components/place-details.gjs

@@ -193,8 +193,8 @@ export default class PlaceDetails extends Component {
             ></textarea>
           </div>
           <div class="edit-actions">
-            <button type="submit" class="btn btn-blue btn-sm">Save</button>
-            <button type="button" class="btn btn-outline btn-sm" {{on "click" this.cancelEditing}}>Cancel</button>
+            <button type="submit" class="btn btn-blue">Save</button>
+            <button type="button" class="btn btn-outline" {{on "click" this.cancelEditing}}>Cancel</button>
           </div>
         </form>
       {{else}}

app/components/settings-pane.gjs

@@ -54,7 +54,7 @@ export default class SettingsPane extends Component {
           <p>
             Connect your own <a href="https://remotestorage.io/"
               target="_blank" rel="noopener">remote storage</a> to sync place bookmarks across
-            devices.
+            apps and devices.
           </p>
           <ul class="link-list">
             <li>

app/styles/app.css

@@ -4,11 +4,13 @@ html,
 body {
   height: 100%;
   overscroll-behavior: none; /* Prevent pull-to-refresh on mobile */
+  -webkit-text-size-adjust: 100%;
 }
 
 body {
   margin: 0;
   font-family: 'Noto Serif', serif;
+  font-size: 16px;
 }
 
 #root,
@@ -288,6 +290,15 @@ body {
   margin-top: 1rem;
 }
 
+.settings-section p a {
+  color: #007bff;
+  text-decoration: none;
+}
+
+.settings-section p a:hover {
+  text-decoration: underline;
+}
+
 .btn-full {
   width: 100%;
 }
@@ -310,6 +321,11 @@ body {
   font-size: 0.9rem;
 }
 
+.meta-info p {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
 .meta-info p:first-child {
   margin-top: 1.2rem;
   padding-top: 1.2rem;
@@ -417,8 +433,8 @@ body {
   margin: 0 0 1rem;
 }
 
-.place-details .place-description {
-  margin-bottom: 1.5rem;
+.place-details p.place-description {
+  line-height: 1.4;
 }
 
 .place-details .actions {
@@ -426,24 +442,20 @@ body {
   display: flex;
   flex-direction: row;
   gap: 1rem;
+  margin-top: 1.5rem;
 }
 
 .btn {
-  padding: 0.75rem 1.5rem;
+  padding: 0.6rem 1.2rem;
   border-radius: 4px;
   cursor: pointer;
-  font-size: 1rem;
+  font-size: 0.9rem;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
 }
 
-.btn-sm {
-  padding: 0.4rem 1rem !important;
-  font-size: 0.9rem !important;
-}
-
 .btn-outline {
   background: transparent;
   color: #333;
@@ -524,7 +536,7 @@ body {
 }
 
 .ol-touch .ol-control.ol-locate {
-  inset: auto auto 3.5em;
+  inset: auto 0.5em 3.5em auto;
 }
 
 /* Rotate Control */
@@ -533,7 +545,7 @@ body {
 }
 
 .ol-touch .ol-rotate {
-  inset: auto auto 6em;
+  inset: auto 0.5em 6em auto;
 }
 
 span.icon {

index.html

@@ -9,10 +9,10 @@
     <!-- App identity -->
     <meta name="application-name" content="Marco">
     <meta name="apple-mobile-web-app-title" content="Marco">
-    <meta name="theme-color" content="#F6E9A6">
+    <meta name="theme-color" content="#333333">
 
     <!-- PWA Manifest -->
-    <link rel="manifest" href="/manifest.webmanifest">
+    <link rel="manifest" href="/web-app-manifest.json">
 
     <!-- Icons -->
     <link rel="icon" href="/icons/icon.svg" type="image/svg+xml">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "marco",
-  "version": "1.8.1",
+  "version": "1.8.6",
   "private": true,
   "description": "Unhosted maps app",
   "repository": {

public/web-app-manifest.json

@@ -5,8 +5,8 @@
   "start_url": "/",
   "scope": "/",
   "display": "standalone",
-  "background_color": "#F6E9A6",
-  "theme_color": "#F6E9A6",
+  "background_color": "#f8f9fa",
+  "theme_color": "#333333",
   "icons": [
     {
       "src": "/icons/icon-192.png",

release/index.html

@@ -9,10 +9,10 @@
     <!-- App identity -->
     <meta name="application-name" content="Marco">
     <meta name="apple-mobile-web-app-title" content="Marco">
-    <meta name="theme-color" content="#F6E9A6">
+    <meta name="theme-color" content="#333333">
 
     <!-- PWA Manifest -->
-    <link rel="manifest" href="/manifest.webmanifest">
+    <link rel="manifest" href="/web-app-manifest.json">
 
     <!-- Icons -->
     <link rel="icon" href="/icons/icon.svg" type="image/svg+xml">
@@ -26,8 +26,8 @@
     <meta name="msapplication-TileColor" content="#F6E9A6">
     <meta name="msapplication-TileImage" content="/icons/icon-144.png">
 
-  <script type="module" crossorigin src="/assets/main-CYQJLBu1.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/main-B9HZHSjP.css">
+  <script type="module" crossorigin src="/assets/main-CU1_dCCL.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/main-CBmhOoaB.css">
 </head>
   <body>
  </body>

release/web-app-manifest.json

@@ -1,12 +1,12 @@
 {
   "name": "Marco",
   "short_name": "Marco",
-  "description": "Marco (as in Marco Polo) is an unhosted maps application that respects your privacy and choices",
+  "description": "Marco is an unhosted maps application that respects your privacy and choices",
   "start_url": "/",
   "scope": "/",
   "display": "standalone",
-  "background_color": "#F6E9A6",
-  "theme_color": "#F6E9A6",
+  "background_color": "#f8f9fa",
+  "theme_color": "#333333",
   "icons": [
     {
       "src": "/icons/icon-192.png",