Improved styling of small button groups

diff --git a/wcfsetup/install/files/style/attachment.less b/wcfsetup/install/files/style/attachment.less
index cac804d1333c71afd843e592f5101b03c21a4271..e56ce3758d26203732de6dd7b484c12817846b7a 100644 (file)
--- a/wcfsetup/install/files/style/attachment.less
+++ b/wcfsetup/install/files/style/attachment.less
@@ -113,10 +113,6 @@
                                
                                > li {
                                        display: inline-block;
-                                       
-                                       > span.jsDeleteButton {
-                                               margin-right: @wcfGapMedium;
-                                       }
                                }
                        }
                }

diff --git a/wcfsetup/install/files/style/button.less b/wcfsetup/install/files/style/button.less
index 6fecec6d48f7eccac02c1f8eeb899668c7472681..dd0b3a3152d488ad5d8b42d0e016177ff6f2c7ad 100644 (file)
--- a/wcfsetup/install/files/style/button.less
+++ b/wcfsetup/install/files/style/button.less
@@ -177,17 +177,27 @@ button.small,
                }
                
                &:first-child {
-                       > .button {
+                       > .button:not(.small) {
                                border-top-left-radius: @wcfButtonBorderRadius;
                                border-bottom-left-radius: @wcfButtonBorderRadius;
                        }
+                       
+                       > .button.small {
+                               border-top-left-radius: @wcfSmallButtonBorderRadius;
+                               border-bottom-left-radius: @wcfSmallButtonBorderRadius;
+                       }
                }
                
                &:last-child {
-                       > .button {
+                       > .button:not(.small) {
                                border-top-right-radius: @wcfButtonBorderRadius;
                                border-bottom-right-radius: @wcfButtonBorderRadius;
                        }
+                       
+                       > .button.small {
+                               border-top-right-radius: @wcfSmallButtonBorderRadius;
+                               border-bottom-right-radius: @wcfSmallButtonBorderRadius;
+                       }
                }
        }
 }