Better tabbar style

Author: BenHerbst

.idea/workspace.xml

@@ -16,18 +16,21 @@
             <HBox prefHeight="100.0" prefWidth="200.0">
                <children>
                   <HBox fx:id="boardsContainer" prefHeight="0.0" prefWidth="0.0" spacing="20.0" />
-                  <HBox alignment="TOP_CENTER" maxWidth="-Infinity" minWidth="-Infinity" prefHeight="398.0" prefWidth="182.0">
+                  <HBox alignment="TOP_CENTER" maxWidth="-Infinity" minWidth="-Infinity" prefHeight="358.0" prefWidth="162.0">
                      <children>
                         <TextField fx:id="addRowTextField" onKeyPressed="#textFieldKeyPressed">
                            <HBox.margin>
                               <Insets right="10.0" />
                            </HBox.margin></TextField>
-                        <Button mnemonicParsing="false" onAction="#addNewRowAction" prefHeight="25.0" prefWidth="25.0" textFill="WHITE">
+                        <Button mnemonicParsing="false" onAction="#addNewRowAction" prefHeight="26.0" prefWidth="0.0" textFill="WHITE">
                            <graphic>
                               <FontIcon iconColor="#b5b5b5" iconLiteral="fa-plus" />
                            </graphic>
                         </Button>
                      </children>
+                     <HBox.margin>
+                        <Insets right="100.0" />
+                     </HBox.margin>
                   </HBox>
                </children>
                <padding>

src/main/resources/fxml/views/kanban/KanbanView.fxml

@@ -17,6 +17,7 @@
 
 .menu-item:hover, .menu-item:focused {
 	-fx-background-color: #666666;
+	-fx-background-insets: 0 0 0 0;
 }
 
 .label {
@@ -29,7 +30,8 @@
 
 .tree-cell {
 	-fx-background-color: #141414;
-	-fx-text-fill: #b5b5b5 ;
+	-fx-text-fill: #b5b5b5;
+	-fx-background-insets: 0 0 0 0;
 }
 
 .tree-cell:focused {
@@ -41,13 +43,18 @@
 }
 
 .tab-pane > .tab-header-area > *.tab-header-background {
-	-fx-background-color: #141414;	
+	-fx-background-color: #141414;
 }
+
+.tab-pane .tab-header-area {
+    -fx-padding: 10 0 0 0;
+}
+
 .tab {
 	-fx-background-color: transparent;
-	-fx-background-radius: 7;
-	-fx-padding: 7;
+	-fx-background-radius: 2 2 0 0;
 	-fx-pref-width: 200;
+	-fx-background-insets: 0 0 0 0;
 }
 
 .tab:selected {

src/main/resources/styles/main.css

@@ -3,31 +3,10 @@ PRODID:-//Ben Fortuna//iCal4j 1.0//EN
 CALSCALE:GREGORIAN
 VERSION:2.0
 BEGIN:VEVENT
-DTSTAMP:20211111T091735Z
-DTSTART:20211111T110000
-DTEND:20211111T120000
-SUMMARY:Neues Ereignis 1
-UID:48
-END:VEVENT
-BEGIN:VEVENT
-DTSTAMP:20211111T091735Z
-DTSTART:20211111T131500
-DTEND:20211111T153000
-SUMMARY:Neues Ereignis 1
-UID:49
-END:VEVENT
-BEGIN:VEVENT
-DTSTAMP:20211111T091735Z
-DTSTART:20211111T091500
-DTEND:20211111T101500
-SUMMARY:Neues Ereignis 2
-UID:50
-END:VEVENT
-BEGIN:VEVENT
-DTSTAMP:20211111T091735Z
+DTSTAMP:20211112T155455Z
 DTSTART:20211113T111500
 DTEND:20211114T124500
 SUMMARY:Neues Ereignis 1
-UID:55
+UID:3
 END:VEVENT
 END:VCALENDAR