https://schwarzdorn.de/pluginAppObj/imFooter_pluginAppObj_07/main.js

1function socialicons_imFooter_pluginAppObj_07() {
2    
3    var containerWidth;
4    var btnWidth;
5    var btnHeight;
6    var btnMargin;
7    var numBtn; 
8    
9    x5engine.boot.push(function(){
10        
11        btnWidth = 40;
12        btnHeight = 40;
13        btnMargin = 5;
14        numBtn = $("#imFooter_pluginAppObj_07 .social-icon").length;
15        
16        $('#imContent').on('breakpointChangedOrFluid', function (e, breakpoint) {
17            resizeSocials_imFooter_pluginAppObj_07();
18        });
19        resizeSocials_imFooter_pluginAppObj_07();
20    });
21
22       function resizeSocials_imFooter_pluginAppObj_07() {
23           
24           /*reset margins*/
25           $("#imFooter_pluginAppObj_07 .social-icon").removeClass("last-item-row");
26           $("#imFooter_pluginAppObj_07 .social-icon").removeClass("last-row");
27           $("#imFooter_pluginAppObj_07 .social-icon").removeClass("one-row");
28                 
29           containerWidth = $('#imFooter_pluginAppObj_07').width();
30           
31           var buttonPerRow = 1;
32           if("horizontal" === "horizontal")
33                buttonPerRow = getButtonPerRow();
34               
35           if(buttonPerRow == 1){
36               $("#imFooter_pluginAppObj_07 .social-icon:last-child").addClass("last-row");
37           }
38           else if(numBtn == buttonPerRow){
39               $("#imFooter_pluginAppObj_07 .social-icon").addClass("last-row");
40               $("#imFooter_pluginAppObj_07 .social-icon:last-child").addClass("last-item-row");  
41            }
42           else{
43               $("#imFooter_pluginAppObj_07 .social-icon:nth-child(" + buttonPerRow + "n)").addClass("last-item-row");
44               $("#imFooter_pluginAppObj_07 .social-icon:nth-child(n+" + parseInt(buttonPerRow+1) + ")").addClass("last-row");
45           }
46             
47           var fact = containerWidth < btnWidth ? containerWidth / btnWidth : 1;
48           $('#imFooter_pluginAppObj_07 .social-icon, #imFooter_pluginAppObj_07 .sides-container').css({
49               width: btnWidth * fact,
50               height: btnHeight * fact
51           });
52       }
53
54        function getButtonPerRow() {
55            var remaining = containerWidth - btnWidth;
56            var count = 1;
57            while (remaining >= btnWidth + (count == numBtn-1 ? 0 : btnMargin)) {
58                count++;
59                if(count == numBtn)
60                    break;
61                
62                remaining -= btnWidth + btnMargin;
63            }           
64            return count;
65        }
66}