Developer Guide: Improve app store button styles

photoprism · Jan 14, 2025 · 8829d8b · 8829d8b
1 parent 713ddfa
commit 8829d8b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/docs/css/custom.css b/docs/css/custom.css
@@ -305,7 +305,7 @@ div.action-buttons.membership .action-button:hover {
 
 div.appstore-buttons {
     clear: both;
-    margin-top: 2em;
+    margin-top: 1.5em;
     margin-bottom: 2em;
     text-align: center;
 }
@@ -315,6 +315,17 @@ div.appstore-buttons a {
     margin-right: 0.5em;
 }
 
+@media (min-width: 600px) {
+    div.appstore-buttons {
+        text-align: left;
+    }
+
+    div.appstore-buttons a {
+        margin-left: 0;
+        margin-right: 1em;
+    }
+}
+
 /* IMAGES */
 
 img.center {

diff --git a/docs/developer-guide/native-apps/index.md b/docs/developer-guide/native-apps/index.md
@@ -41,10 +41,6 @@ With this [Android app](https://github.com/Radiokot/photoprism-android-client),
 
 Photoflare is an iOS app that is currently being developed by Chris Wunsch. It is at an early stage and already offers some basic functionality that can be tested via [Apple TestFlight](https://testflight.apple.com/join/MMA6iQDl). [Learn more ›](https://www.reddit.com/r/photoprism/comments/1czskxn/photoprism_ios_app/)
 
-<div class="appstore-buttons">
-    <a href="https://testflight.apple.com/join/MMA6iQDl"><img src="https://dl.photoprism.app/img/badges/testflight-badge.png" alt="Apple TestFlight" width="135"></a>
-</div>
-
 ## Prismatic
 
 ![Prismatic Screenshot](img/prismatic-screenshot.jpg){ class="right xxs shadow" }Prismatic is an iOS app developed by [Chris Li](https://github.com/automactic) that allows you to display pictures from your library in customizable widgets on your phone's home screen.
@@ -53,10 +49,6 @@ You can test this and other features by installing it via [Apple TestFlight](htt
 
 [Give feedback ›](https://github.com/automactic/Prismatic-feedback/discussions)
 
-<div class="appstore-buttons">
-    <a href="https://testflight.apple.com/join/vzNQjaym"><img src="https://dl.photoprism.app/img/badges/testflight-badge.png" alt="Apple TestFlight" width="135"></a>
-</div>
-
 ## Stream
 
 [Stream](https://link.photoprism.app/stream-app) is an iOS app that brings PhotoPrism and local photos together in one unified gallery. It features natural language search for easy photo discovery and supports batch operations for efficient management. [Learn more ›](https://link.photoprism.app/stream-app){ class="pr-2" } [Read FAQ ›](https://link.photoprism.app/stream-faq)