From b7cf611b4ab4db808938faeb41118fb15a2049cc Mon Sep 17 00:00:00 2001
From: rolux <rolux@rolux.org>
Date: Tue, 6 May 2014 00:13:25 +0200
Subject: [PATCH] add 'squared' (less rounded) style

---
 source/Ox.UI/css/Ox.UI.css          | 26 ++++++++++++++++++++++++++
 source/Ox.UI/js/Form/ButtonGroup.js |  2 +-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/source/Ox.UI/css/Ox.UI.css b/source/Ox.UI/css/Ox.UI.css
index c03c1932..c53868e8 100644
--- a/source/Ox.UI/css/Ox.UI.css
+++ b/source/Ox.UI/css/Ox.UI.css
@@ -682,6 +682,9 @@ input.OxMedium.OxRounded {
     padding: 0 6px 0 6px;
     border-radius: 8px;
 }
+input.OxMedium.OxSquared {
+    border-radius: 4px;
+}
 input.OxMedium.OxSquare {
     padding: 0 2px 0 2px;
     border-radius: 0;
@@ -712,6 +715,9 @@ textarea {
     border-radius: 8px;
     resize: none;
 }
+textarea.OxSquared {
+    border-radius: 4px;
+}
 textarea.OxSquare {
     border-radius: 0;
 }
@@ -819,6 +825,14 @@ OxButtonGroup
 .OxButtonGroup > .OxButton.OxTab:last-child {
     border-bottom-right-radius: 0;
 }
+.OxButtonGroup.OxSquared > .OxButton.OxMedium:first-child {
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+.OxButtonGroup.OxSquared > .OxButton.OxMedium:last-child {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
 /*
 --------------------------------------------------------------------------------
 OxCheckbox
@@ -924,6 +938,9 @@ div.OxInput.OxMedium {
 div.OxInput.OxRounded {
     border-radius: 8px;
 }
+div.OxInput.OxSquared {
+    border-radius: 4px;
+}
 div.OxInput.OxSquare {
     border-radius: 0;
 }
@@ -1018,6 +1035,9 @@ OxLabel
     overflow: hidden;
     white-space: nowrap;
 }
+.OxLabel.OxSquared {
+    border-radius: 4px;
+}
 .OxLabel.OxSquare {
     padding: 0 3px 0 3px;
     border-radius: 0;
@@ -1151,6 +1171,12 @@ OxSelect
 .OxSelect.OxRounded.OxSelected {
     border-radius: 8px 8px 0 0;
 }
+.OxSelect.OxSquared {
+    border-radius: 4px;
+}
+.OxSelect.OxSquared.OxSelected {
+    border-radius: 4px 4px 0 0;
+}
 .OxSelect.OxSquare {
     border-radius: 0;
 }
diff --git a/source/Ox.UI/js/Form/ButtonGroup.js b/source/Ox.UI/js/Form/ButtonGroup.js
index be26757b..ddb893a2 100644
--- a/source/Ox.UI/js/Form/ButtonGroup.js
+++ b/source/Ox.UI/js/Form/ButtonGroup.js
@@ -86,7 +86,7 @@ Ox.ButtonGroup = function(options, self) {
                 overlap: button.overlap,
                 selectable: self.options.selectable,
                 size: self.options.size,
-                style: self.options.style,
+                style: self.options.style == 'squared' ? 'default' : self.options.style, // FIXME: ugly
                 title: button.title,
                 tooltip: button.tooltip,
                 type: self.options.type,