... |
... |
@@ -110,7
+110,7 @@ |
110 |
110 |
text-align: center; |
111 |
111 |
display: inline-block; |
112 |
112 |
border-radius: 4px; |
113 |
|
- padding: 4px 4px 4px 4px; |
|
113 |
+ padding: 4px 10px 4px 25px; |
114 |
114 |
font-size: 15px |
115 |
115 |
margin: auto; |
116 |
116 |
margin-bottom: 5px; |
... |
... |
@@ -129,15
+129,19 @@ |
129 |
129 |
.jQButton[active=false]:hover { |
130 |
130 |
background-color: #676767; |
131 |
131 |
} |
132 |
|
-.jQButton:before { |
|
132 |
+.jQButton .jQButton-icon::before { |
133 |
133 |
font-family: "FontAwesome"; |
134 |
|
- font-size: 12px; |
|
134 |
+ font-size: 14px; |
135 |
135 |
font-weight: 400; |
136 |
136 |
content: "\f046"; |
137 |
137 |
} |
138 |
|
-.jQButton[active=false]:before { |
|
138 |
+.jQButton[active=false] .jQButton-icon::before { |
139 |
139 |
content: "\f096"; |
140 |
140 |
} |
|
141 |
+.jQButton-icon { |
|
142 |
+ position: absolute; |
|
143 |
+ margin-left: -13px; |
|
144 |
+} |
141 |
141 |
</style> |
142 |
142 |
|
143 |
143 |
<script> |
... |
... |
@@ -780,12
+780,12 @@ |
780 |
780 |
<div class="d-none d-md-block col-lg-12 card-main"> |
781 |
781 |
<div class="well" > |
782 |
782 |
<div id="jQButtons"> |
783 |
|
- <div id="jQBtn1" class="jQButton" group="Designer" active="true">Designer</div> |
784 |
|
- <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true">Datenquellen</div> |
785 |
|
- <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true">Statusverarbeitung</div> |
786 |
|
- <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true">Abschlusseite</div> |
787 |
|
- <div id="jQBtn1" class="jQButton" group="Posteingang" active="true">Posteingang</div> |
788 |
|
- <div id="jQBtn1" class="jQButton" group="Anderes" active="true">Anderes</div> |
|
787 |
+ <div id="jQBtn1" class="jQButton" group="Designer" active="true"><span class="jQButton-icon"></span> Designer</div> |
|
788 |
+ <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span> Datenquellen</div> |
|
789 |
+ <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span> Statusverarbeitung</div> |
|
790 |
+ <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span> Abschlusseite</div> |
|
791 |
+ <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span> Posteingang</div> |
|
792 |
+ <div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span> Anderes</div> |
789 |
789 |
</div> |
790 |
790 |
<div id="jQArea"> |
791 |
791 |
</div> |