[gnome-software] Adapt the review histogram widget to the new UI specs

[Joaquim Manuel Pereira Rocha <jrocha src gnome org>]

commit 0205c531a2c3299c7785f05c542f2b0f9b905411
Author: Joaquim Rocha <jrocha endlessm com>
Date:   Sat Nov 26 16:05:34 2016 +0100

    Adapt the review histogram widget to the new UI specs

 src/gs-review-histogram.ui |  190 ++++++++++++++++++++++----------------------
 1 files changed, 96 insertions(+), 94 deletions(-)
---
diff --git a/src/gs-review-histogram.ui b/src/gs-review-histogram.ui
index 352a6e5..1a365b6 100644
--- a/src/gs-review-histogram.ui
+++ b/src/gs-review-histogram.ui
@@ -9,12 +9,42 @@
         <property name="can_focus">False</property>
         <property name="row-spacing">6</property>
         <property name="column-spacing">6</property>
+       <child>
+          <object class="GtkLabel" id="label_count5">
+           <property name="halign">end</property>
+            <property name="visible">True</property>
+            <property name="label">0</property>
+            <property name="margin-left">5</property>
+          </object>
+          <packing>
+            <property name="left-attach">0</property>
+            <property name="top-attach">0</property>
+            <property name="width">1</property>
+            <property name="height">1</property>
+          </packing>
+        </child>
         <child>
+          <object class="GsReviewBar" id="bar5">
+            <property name="visible">True</property>
+            <property name="margin-left">5</property>
+            <property name="width-request">120</property>
+            <style>
+              <class name="reviewbar"/>
+            </style>
+          </object>
+          <packing>
+            <property name="left-attach">1</property>
+            <property name="top-attach">0</property>
+            <property name="width">1</property>
+            <property name="height">1</property>
+          </packing>
+        </child>
+       <child>
           <object class="GtkBox" id="histogram_star5_box">
             <property name="visible">True</property>
             <property name="orientation">horizontal</property>
             <property name="spacing">6</property>
-            <property name="halign">end</property>
+            <property name="halign">start</property>
             <property name="valign">center</property>
             <property name="hexpand">True</property>
             <property name="vexpand">True</property>
@@ -70,47 +100,47 @@
             </child>
           </object>
           <packing>
-            <property name="left-attach">0</property>
+            <property name="left-attach">2</property>
             <property name="top-attach">0</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GsReviewBar" id="bar5">
+          <object class="GtkLabel" id="label_count4">
+           <property name="halign">end</property>
             <property name="visible">True</property>
+            <property name="label">0</property>
             <property name="margin-left">5</property>
-            <property name="width-request">120</property>
-            <style>
-              <class name="reviewbar"/>
-            </style>
           </object>
           <packing>
-            <property name="left-attach">1</property>
-            <property name="top-attach">0</property>
+            <property name="left-attach">0</property>
+            <property name="top-attach">1</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GtkLabel" id="label_count5">
+          <object class="GsReviewBar" id="bar4">
             <property name="visible">True</property>
-            <property name="label">0</property>
             <property name="margin-left">5</property>
+            <style>
+              <class name="reviewbar"/>
+            </style>
           </object>
           <packing>
-            <property name="left-attach">2</property>
-            <property name="top-attach">0</property>
+            <property name="left-attach">1</property>
+            <property name="top-attach">1</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
-        <child>
+       <child>
           <object class="GtkBox" id="histogram_star4_box">
             <property name="visible">True</property>
             <property name="orientation">horizontal</property>
             <property name="spacing">6</property>
-            <property name="halign">end</property>
+            <property name="halign">start</property>
             <property name="valign">center</property>
             <property name="hexpand">True</property>
             <property name="vexpand">True</property>
@@ -156,36 +186,37 @@
             </child>
           </object>
           <packing>
-            <property name="left-attach">0</property>
+            <property name="left-attach">2</property>
             <property name="top-attach">1</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GsReviewBar" id="bar4">
+          <object class="GtkLabel" id="label_count3">
+           <property name="halign">end</property>
             <property name="visible">True</property>
+            <property name="label">0</property>
             <property name="margin-left">5</property>
-            <style>
-              <class name="reviewbar"/>
-            </style>
           </object>
           <packing>
-            <property name="left-attach">1</property>
-            <property name="top-attach">1</property>
+            <property name="left-attach">0</property>
+            <property name="top-attach">2</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GtkLabel" id="label_count4">
+          <object class="GsReviewBar" id="bar3">
             <property name="visible">True</property>
-            <property name="label">0</property>
             <property name="margin-left">5</property>
+            <style>
+              <class name="reviewbar"/>
+            </style>
           </object>
           <packing>
-            <property name="left-attach">2</property>
-            <property name="top-attach">1</property>
+            <property name="left-attach">1</property>
+            <property name="top-attach">2</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
@@ -195,7 +226,7 @@
             <property name="visible">True</property>
             <property name="orientation">horizontal</property>
             <property name="spacing">6</property>
-            <property name="halign">end</property>
+            <property name="halign">start</property>
             <property name="valign">center</property>
             <property name="hexpand">True</property>
             <property name="vexpand">True</property>
@@ -231,46 +262,47 @@
             </child>
           </object>
           <packing>
-            <property name="left-attach">0</property>
+            <property name="left-attach">2</property>
             <property name="top-attach">2</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GsReviewBar" id="bar3">
+          <object class="GtkLabel" id="label_count2">
+           <property name="halign">end</property>
             <property name="visible">True</property>
+            <property name="label">0</property>
             <property name="margin-left">5</property>
-            <style>
-              <class name="reviewbar"/>
-            </style>
           </object>
           <packing>
-            <property name="left-attach">1</property>
-            <property name="top-attach">2</property>
+            <property name="left-attach">0</property>
+            <property name="top-attach">3</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GtkLabel" id="label_count3">
+          <object class="GsReviewBar" id="bar2">
             <property name="visible">True</property>
-            <property name="label">0</property>
             <property name="margin-left">5</property>
+            <style>
+              <class name="reviewbar"/>
+            </style>
           </object>
           <packing>
-            <property name="left-attach">2</property>
-            <property name="top-attach">2</property>
+            <property name="left-attach">1</property>
+            <property name="top-attach">3</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
-        <child>
+       <child>
           <object class="GtkBox" id="histogram_star2_box">
             <property name="visible">True</property>
             <property name="orientation">horizontal</property>
             <property name="spacing">6</property>
-            <property name="halign">end</property>
+            <property name="halign">start</property>
             <property name="valign">center</property>
             <property name="hexpand">True</property>
             <property name="vexpand">True</property>
@@ -296,36 +328,37 @@
             </child>
           </object>
           <packing>
-            <property name="left-attach">0</property>
+            <property name="left-attach">2</property>
             <property name="top-attach">3</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GsReviewBar" id="bar2">
+          <object class="GtkLabel" id="label_count1">
+           <property name="halign">end</property>
             <property name="visible">True</property>
+            <property name="label">0</property>
             <property name="margin-left">5</property>
-            <style>
-              <class name="reviewbar"/>
-            </style>
           </object>
           <packing>
-            <property name="left-attach">1</property>
-            <property name="top-attach">3</property>
+            <property name="left-attach">0</property>
+            <property name="top-attach">4</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GtkLabel" id="label_count2">
+          <object class="GsReviewBar" id="bar1">
             <property name="visible">True</property>
-            <property name="label">0</property>
             <property name="margin-left">5</property>
+            <style>
+              <class name="reviewbar"/>
+            </style>
           </object>
           <packing>
-            <property name="left-attach">2</property>
-            <property name="top-attach">3</property>
+            <property name="left-attach">1</property>
+            <property name="top-attach">4</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
@@ -335,7 +368,7 @@
             <property name="visible">True</property>
             <property name="orientation">horizontal</property>
             <property name="spacing">6</property>
-            <property name="halign">end</property>
+            <property name="halign">start</property>
             <property name="valign">center</property>
             <property name="hexpand">True</property>
             <property name="vexpand">True</property>
@@ -351,69 +384,38 @@
             </child>
           </object>
           <packing>
-            <property name="left-attach">0</property>
-            <property name="top-attach">4</property>
-            <property name="width">1</property>
-            <property name="height">1</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GsReviewBar" id="bar1">
-            <property name="visible">True</property>
-            <property name="margin-left">5</property>
-            <style>
-              <class name="reviewbar"/>
-            </style>
-          </object>
-          <packing>
-            <property name="left-attach">1</property>
+            <property name="left-attach">2</property>
             <property name="top-attach">4</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
         <child>
-          <object class="GtkLabel" id="label_count1">
+          <object class="GtkLabel" id="label_total">
             <property name="visible">True</property>
             <property name="label">0</property>
             <property name="margin-left">5</property>
+            <property name="margin-top">5</property>
           </object>
           <packing>
-            <property name="left-attach">2</property>
-            <property name="top-attach">4</property>
-            <property name="width">1</property>
-            <property name="height">1</property>
-          </packing>
-        </child>
-        <child>
-          <object class="GtkLabel" id="label1">
-            <property name="visible">True</property>
-            <property name="label" translatable="yes">Total</property>
-            <property name="halign">end</property>
-            <style>
-              <class name="dim-label"/>
-            </style>
-          </object>
-          <packing>
-            <property name="left-attach">1</property>
+            <property name="left-attach">0</property>
             <property name="top-attach">5</property>
             <property name="width">1</property>
             <property name="height">1</property>
           </packing>
         </child>
-        <child>
-          <object class="GtkLabel" id="label_total">
+       <child>
+          <object class="GtkLabel" id="label_1">
             <property name="visible">True</property>
-            <property name="label">0</property>
             <property name="margin-left">5</property>
-            <style>
-              <class name="dim-label"/>
-            </style>
+            <property name="halign">start</property>
+            <property name="margin-top">5</property>
+           <property name="label" translatable="yes" comments="Translators: A label for the total number of 
reviews.">ratings in total</property>
           </object>
           <packing>
-            <property name="left-attach">2</property>
+            <property name="left-attach">1</property>
             <property name="top-attach">5</property>
-            <property name="width">1</property>
+            <property name="width">2</property>
             <property name="height">1</property>
           </packing>
         </child>