From bc0c9da33c72048769a9c24e7b812cb66b1d72f4 Mon Sep 17 00:00:00 2001
From: Mike Hearn <mike@plan99.net>
Date: Mon, 22 Sep 2014 20:07:56 +0200
Subject: [PATCH] WalletTemplate: Small visual tweaks

---
 .../main/resources/wallettemplate/main.fxml   | 23 +++++++---------
 .../main/resources/wallettemplate/wallet.css  | 27 +++++++++++++++++++
 2 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/wallettemplate/src/main/resources/wallettemplate/main.fxml b/wallettemplate/src/main/resources/wallettemplate/main.fxml
index 6d619301..4e61b935 100644
--- a/wallettemplate/src/main/resources/wallettemplate/main.fxml
+++ b/wallettemplate/src/main/resources/wallettemplate/main.fxml
@@ -13,9 +13,8 @@
 <?import javafx.scene.paint.*?>
 <?import javafx.scene.text.*?>
 <?import wallettemplate.controls.*?>
-<?import wallettemplate.controls.ClickableBitcoinAddress ?>
 
-<AnchorPane styleClass="root-pane" maxHeight="Infinity" maxWidth="Infinity" minHeight="200.0" minWidth="300.0" prefHeight="400.0" prefWidth="800.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2" fx:controller="wallettemplate.MainController">
+<AnchorPane maxHeight="Infinity" maxWidth="Infinity" minHeight="200.0" minWidth="300.0" prefHeight="451.0" prefWidth="800.0" styleClass="root-pane" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="wallettemplate.MainController">
   <children>
     <Label layoutX="14.0" layoutY="14.0" text="Balance">
       <font>
@@ -35,14 +34,10 @@
         <Label font="$x1" text="BTC" textFill="$x2" />
       </children>
     </HBox>
-    <HBox fx:id="controlsBox" alignment="TOP_LEFT" fillHeight="true" layoutX="14.0" minHeight="16.0" prefHeight="16.0" prefWidth="205.0" spacing="10.0" translateY="60.0" visible="true" AnchorPane.bottomAnchor="29.0">
+    <HBox fx:id="controlsBox" alignment="TOP_LEFT" fillHeight="true" layoutX="14.0" layoutY="347.0" minHeight="16.0" prefHeight="36.0" prefWidth="243.0" spacing="10.0" translateY="60.0" visible="true" AnchorPane.bottomAnchor="17.0">
       <children>
-        <Button id="connectBtn" defaultButton="true" mnemonicParsing="false" text="Primary">
-          <HBox.margin>
-            <Insets />
-          </HBox.margin>
-        </Button>
-        <Button mnemonicParsing="false" text="Secondary" />
+        <Button id="connectBtn" defaultButton="true" mnemonicParsing="false" styleClass="fat-button" text="Primary" />
+        <Button cancelButton="true" mnemonicParsing="false" styleClass="fat-button" text="Secondary" />
       </children>
     </HBox>
     <ImageView fitHeight="243.0" fitWidth="243.0" opacity="0.28" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="-36.0" AnchorPane.rightAnchor="-34.0">
@@ -58,14 +53,16 @@
       </image>
     </ImageView>
     <ClickableBitcoinAddress fx:id="addressControl" layoutY="45.0" prefHeight="21.0" prefWidth="391.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="195.0" />
-    <StackPane style="-fx-border-color: lightgrey; -fx-border-style: dashed" layoutX="14.0" layoutY="81.0" prefHeight="249.0" prefWidth="572.0" AnchorPane.leftAnchor="15.0" AnchorPane.rightAnchor="15.0">
+    <StackPane layoutX="14.0" layoutY="81.0" prefHeight="249.0" prefWidth="572.0" style="-fx-border-color: lightgrey; -fx-border-style: dashed" AnchorPane.bottomAnchor="70.0" AnchorPane.leftAnchor="15.0" AnchorPane.rightAnchor="15.0" AnchorPane.topAnchor="81.0">
       <children>
         <Label text="Your content goes here" />
       </children>
     </StackPane>
-    <HBox AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="17.0" spacing="20">
-        <Button onAction="#settingsClicked" text="Settings"/>
-        <Button id="sendMoneyOut" fx:id="sendMoneyOutBtn" alignment="CENTER" mnemonicParsing="false" onAction="#sendMoneyOut" text="Send money out" />
+    <HBox spacing="20" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="17.0">
+       <children>
+           <Button onAction="#settingsClicked" style="-fx-base: white;" styleClass="fat-button" text="Settings" />
+           <Button id="sendMoneyOut" fx:id="sendMoneyOutBtn" alignment="CENTER" mnemonicParsing="false" onAction="#sendMoneyOut" style="-fx-base: lightgreen;" styleClass="fat-button" text="Send money out" />
+       </children>
     </HBox>
   </children>
 </AnchorPane>
diff --git a/wallettemplate/src/main/resources/wallettemplate/wallet.css b/wallettemplate/src/main/resources/wallettemplate/wallet.css
index f5ed649b..37b96a34 100644
--- a/wallettemplate/src/main/resources/wallettemplate/wallet.css
+++ b/wallettemplate/src/main/resources/wallettemplate/wallet.css
@@ -29,3 +29,30 @@
 .info-bar > .progress-bar > .track {
     -fx-opacity: 0.0;
 }
+
+
+.fat-button {
+    -fx-padding: 10 15 10 15;
+    -fx-min-width: 100;
+    -fx-base: whitesmoke;
+}
+
+.fat-button:default {
+    -fx-base: orange;
+    -fx-text-fill: white;
+}
+
+.fat-button:cancel {
+    -fx-background-color: lightgray, white;
+    -fx-background-insets: 0, 1;
+    -fx-background-radius: 3;
+    -fx-text-fill: black;
+}
+
+.fat-button:cancel:hover {
+    -fx-base: white;
+    -fx-background-insets: -1, 0, 1, 2;
+    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
+    -fx-background-radius: 3;
+    -fx-text-fill: black;
+}