css: Rename bottom-properties class

data/resources/style-hc.css

@@ -2,6 +2,6 @@ row.property label.title {
   opacity: 0.9;
 }
 
-.properties-border {
-  color: var(--headerbar-border-color);
+.bottom-properties {
+  box-shadow: 0 -1px var(--border-color);
 }

data/resources/style.css

@@ -45,7 +45,6 @@ lpprintpreviewpage {
   box-shadow: 0 0 14px 3px #666;
 }
 
-
 lpprintpreviewpage lpimage {
   outline: 1px dotted rgba(0, 0, 0, 0.3);
 }
@@ -59,6 +58,6 @@ dialog.error-details textview {
   color: inherit;
 }
 
-.mobile-properties {
+.bottom-properties {
   box-shadow: 0 -1px var(--headerbar-darker-shade-color);
 }

src/window.ui

@@ -133,14 +133,14 @@
                           <object class="GtkRevealer">
                             <property name="transition-type">slide-up</property>
                             <property name="reveal-child" bind-source="properties_button" bind-property="active" bind-flags="bidirectional|sync-create" />
+                            <style>
+                              <class name="bottom-properties" />
+                            </style>
                             <property name="child">
                               <object class="AdwLayoutSlot">
                                 <property name="id">properties</property>
                               </object>
                             </property>
-                            <style>
-                              <class name="mobile-properties" />
-                            </style>
                           </object>
                         </child>
                       </object>