[gnome-calculator] buttons-programming: Style the bit panel

[Robert Roth <robertroth src gnome org>]

commit e9fba9550fa6094bfd5edec62c000263de3045ec
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Wed Mar 10 14:15:59 2021 +0100

    buttons-programming: Style the bit panel
    
    This separates it from the buttons.

 src/ui/buttons-programming.ui |  4 ++++
 src/ui/calculator.css         | 13 +++++++++++++
 2 files changed, 17 insertions(+)
---
diff --git a/src/ui/buttons-programming.ui b/src/ui/buttons-programming.ui
index 8befd936..48f1a8b2 100644
--- a/src/ui/buttons-programming.ui
+++ b/src/ui/buttons-programming.ui
@@ -43,6 +43,10 @@
       <object class="GtkBox" id="bit_panel">
         <property name="visible">True</property>
         <property name="orientation">vertical</property>
+        <style>
+          <class name="bit-panel"/>
+          <class name="view"/>
+        </style>
         <child>
           <object class="GtkGrid" id="bit_table">
             <property name="visible">True</property>
diff --git a/src/ui/calculator.css b/src/ui/calculator.css
index ac19e281..69edb155 100644
--- a/src/ui/calculator.css
+++ b/src/ui/calculator.css
@@ -61,6 +61,19 @@ window > deck > box > clamp > grid > mathconverter {
   padding-top: 12px;
 }
 
+.bit-panel {
+  padding: 6px;
+  border: solid @borders 1px;
+  border-width: 1px 0;
+  transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  margin: 6px 0 0 0;
+}
+
+clamp:not(.small) .bit-panel {
+  border-width: 1px;
+  margin: 6px 12px 0 12px;
+}
+
 .math-buttons button {
   font-size: 1.1em;
 }