Fixes issue with star vertical alingment

server/documents/modules/rating.html.eco

@@ -40,12 +40,16 @@ type        : 'UI Module'
       <h4 class="ui header">Star</h4>
       <p>A rating can use a set of star icons</p>
       <div class="ui info message">Star and heart rating types require the inclusion of semantic <a href="/elements/icon.html">ui icons</a></div>
-      <div class="ui star rating">
-        <i class="icon"></i>
-        <i class="icon"></i>
-        <i class="icon"></i>
-        <i class="icon"></i>
-        <i class="icon"></i>
+
+      <div>
+        Average rating:
+        <div class="ui star rating">
+          <i class="icon"></i>
+          <i class="icon"></i>
+          <i class="icon"></i>
+          <i class="icon"></i>
+          <i class="icon"></i>
+        </div>
       </div>
     </div>
 

src/modules/rating.less

@@ -17,7 +17,7 @@
   display: inline-block;
 
   font-size: 0em;
-  vertical-align: baseline;
+  vertical-align: middle;
   margin: 0em 0.5rem 0em 0em;
 }
 .ui.rating:last-child {