[gnome-software: 1/2] category-tile: Don't use the .view style class

[Philip Withnall <pwithnall src gnome org>]

commit cb4503bbed165bb03e3c08c4665a53b4fa4539a1
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Mon Aug 9 13:48:31 2021 +0200

    category-tile: Don't use the .view style class
    
    Let's keep .view for the white background tiles. This also gives to
    .category-tile the style properties we want to keep from .tile.view.

 src/gs-category-tile.ui | 1 -
 src/gtk-style.css       | 6 ++++--
 2 files changed, 4 insertions(+), 3 deletions(-)
---
diff --git a/src/gs-category-tile.ui b/src/gs-category-tile.ui
index e8bff88f7..ae92a7f97 100644
--- a/src/gs-category-tile.ui
+++ b/src/gs-category-tile.ui
@@ -4,7 +4,6 @@
   <template class="GsCategoryTile" parent="GtkButton">
     <property name="visible">True</property>
     <style>
-      <class name="view"/>
       <class name="tile"/>
       <class name="category-tile"/>
     </style>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 43e838888..ed894bfe6 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -178,18 +178,20 @@ summary-tile {
   background-color: mix(@theme_fg_color, @theme_base_color, 0.9);
 }
 
-.view.category-tile {
+.category-tile {
        padding: 20px 40px;
        border-radius: 8px;
+       -gtk-outline-radius: 7px;
        font-size: larger;
        font-weight: 900;
        text-shadow: none;
        border: none;
        box-shadow: inset 0 0 0 1px alpha(black, 0.13);
+       transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
 /* Disable highlight on hover as it doesn’t make these icons look good */
-.view.category-tile:hover { -gtk-icon-effect: none }
+.category-tile:hover { -gtk-icon-effect: none }
 
 /* Styling for specific category buttons. */
 .category-tile.category-create {