css classes -> social box

lib/QUI/Bricks/Controls/SocialBox.css

-.templateQUI-socialbox {
+.quiqqer-bricks-socialbox {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 
-.templateQUI-socialbox li {
+.quiqqer-bricks-socialbox li {
     float: left;
-    margin: 0 0.75em 0 0;
+    margin: 0 0.75em 0.75em 0;
 }
 
-.templateQUI-socialbox li a {
+.quiqqer-bricks-socialbox li a {
     background-color: #888;
     border-radius: 5px;
     color: #fff;
@@ -19,11 +19,11 @@
     width: 3em;
 }
 
-.templateQUI-socialbox li a:hover {
+.quiqqer-bricks-socialbox li a:hover {
     opacity: 0.5;
 }
 
-.templateQUI-socialbox .fa {
+.quiqqer-bricks-socialbox .fa {
     font-size: 2em;
     line-height: 1.5;
 }

lib/QUI/Bricks/Controls/SocialBox.html

-<ul class="templateQUI-socialbox">
+<ul class="quiqqer-bricks-socialbox">
 
     {foreach from=$socialList item=entry}
     {if isset( $entry.url ) && isset( $entry.background ) && isset( $entry.icon ) }