diff --git a/resources/public/index.html b/resources/public/index.html
new file mode 100644
index 000000000..0fedc376e
--- /dev/null
+++ b/resources/public/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+ uxbox.io - ???
+
+
+
+
+
+
+
+
+
diff --git a/resources/styles/partials/sidebar-element-options.scss b/resources/styles/partials/sidebar-element-options.scss
index 72bcb9b92..9b43b4c11 100644
--- a/resources/styles/partials/sidebar-element-options.scss
+++ b/resources/styles/partials/sidebar-element-options.scss
@@ -1,12 +1,17 @@
.element-options {
display: flex;
+ width: 100%;
+
+ > div {
+ width: 100%;
+ }
.element-icons {
background-color: $primary-ui-bg;
border: 1px solid $soft-ui-border;
border-radius: $br-small;
display: flex;
- margin: $x-small 0 $x-small $x-small;
+ margin: $x-small;
li {
align-items: center;
@@ -51,7 +56,7 @@
.element-set {
color: $medium-ui-text;
- margin-left: $x-small;
+ margin: 0 $x-small;
.element-set-title {
border-bottom: 1px dashed $soft-ui-border;
@@ -68,7 +73,7 @@
.element-set-content {
display: flex;
flex-direction: column;
- padding: $small;
+ padding: $small $x-small;
.input-text {
background-color: transparent;
@@ -163,18 +168,22 @@
.align-icons {
cursor: pointer;
- svg {
- fill: $medium-ui-icons;
- height: 20px;
- margin: 5px 7px 0 7px;
- width: 20px;
- }
-
- &:hover,
- &.current {
+ span {
svg {
- fill: $main-ui-color;
+ fill: $medium-ui-icons;
+ height: 20px;
+ margin: $x-small $small;
+ width: 20px;
+ }
+
+ &:hover,
+ &.current {
+
+ svg {
+ fill: $main-ui-color;
+ }
+
}
}
diff --git a/src/uxbox/ui/workspace/sidebar/options.cljs b/src/uxbox/ui/workspace/sidebar/options.cljs
index 87f9e7d71..28d32ba3e 100644
--- a/src/uxbox/ui/workspace/sidebar/options.cljs
+++ b/src/uxbox/ui/workspace/sidebar/options.cljs
@@ -528,7 +528,14 @@
[:select.input-select {:value (:font-weight shape ":normal")
:on-change on-font-weight-change}
[:option {:value ":normal"} "Normal"]
- [:option {:value ":bold"} "Solid"]]]]])))
+ [:option {:value ":bold"} "Solid"]]]
+ [:span "Text align"]
+ [:div.row-flex.align-icons
+ [:span.current i/align-left]
+ [:span i/align-right]
+ [:span i/align-center]
+ [:span i/align-justify]
+ ]]])))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Components