Move buttons inside of the game cover

data/gtk/game.blp

@@ -9,72 +9,88 @@ template $Game : Box {
 
   Adw.Clamp {
     maximum-size: 200;
+
     Box {
       orientation: vertical;
-      Button cover_button {
-        Overlay {
-          [overlay]
-          Spinner spinner {
-            margin-start: 72;
-            margin-end: 72;
-          }
-          Picture cover {
-            width-request: 200;
-            height-request: 300;
-            hexpand: true;
-            vexpand: true;
-          }
-        }
 
-        styles [
-          "card",
-          "flat",
-        ]
-      }
-      Overlay overlay {
+      Overlay {
         [overlay]
-        Revealer play_revealer {
-          reveal-child: false;
-          transition-type: crossfade;
-          Box {
+        Box {
+          halign: start;
+          valign: end;
+
+          Revealer play_revealer {
+            transition-type: slide_up;
+            valign: end;
+
             Button play_button {
-              halign: start;
+              icon-name: "media-playback-start-symbolic";
               margin-start: 6;
-              margin-end: 6;
-              margin-top: 6;
               margin-bottom: 6;
-            }
-            MenuButton menu_button {
-              icon-name: "view-more-symbolic";
-              margin-top: 6;
-              margin-bottom: 6;
-              margin-end: 6;
-              margin-start: 6;
-              hexpand: true;
-              halign: end;
+              margin-top: 3;
 
               styles [
-                "flat",
+                "circular",
+                "osd",
+              ]
+            }
+          }
+
+          Revealer menu_revealer {
+            transition-type: slide_up;
+            valign: end;
+
+            MenuButton menu_button {
+              icon-name: "view-more-symbolic";
+              margin-start: 6;
+              margin-bottom: 6;
+              margin-top: 3;
+              margin-end: 3;
+              direction: up;
+
+              styles [
+                "circular",
+                "osd",
               ]
             }
           }
         }
-        Revealer title_revealer {
-          transition-type: slide_down;
-          reveal-child: true;
-          valign: start;
-          Label title {
-            label: _("Title");
-            ellipsize: end;
-            hexpand: true;
-            halign: start;
-            margin-top: 14;
-            margin-bottom: 14;
-            margin-start: 12;
-            margin-end: 12;
+
+        Button cover_button {
+          name: "cover_button";
+
+          Overlay {
+            [overlay]
+            Spinner spinner {
+              margin-start: 72;
+              margin-end: 72;
+            }
+
+            Picture cover {
+              width-request: 200;
+              height-request: 300;
+              hexpand: true;
+              vexpand: true;
+            }
           }
+
+          styles [
+            "card",
+            "flat",
+          ]
         }
       }
+
+      Label title {
+        label: _("Title");
+        ellipsize: end;
+        hexpand: true;
+        halign: start;
+        margin-top: 14;
+        margin-bottom: 14;
+        margin-start: 12;
+        margin-end: 12;
+      }
     }
   }
 
@@ -119,4 +135,4 @@ menu hidden_game_options {
       action: "app.remove_game";
     }
   }
-}
+}

data/gtk/preferences.blp

@@ -90,7 +90,7 @@ template $PreferencesWindow : Adw.PreferencesWindow {
           subtitle: _("Select other directories where you have Steam games installed");
 
           Revealer steam_clear_button_revealer {
-            reveal-child: false;
+
             transition-type: slide_left;
             Button steam_clear_button {
               label: _("Clear");

data/gtk/style.css

@@ -9,4 +9,10 @@
     color: @light_1;
     background-color: @dark_5;
     opacity: 0.8;
+}
+
+/* The HIG claims another victim... */
+#cover_button {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
 }