summaryrefslogtreecommitdiffstats
path: root/polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html
diff options
context:
space:
mode:
Diffstat (limited to 'polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html')
-rw-r--r--polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html18
1 files changed, 11 insertions, 7 deletions
diff --git a/polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html b/polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html
index bec75ee4d3..efa2b35c3f 100644
--- a/polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html
+++ b/polygerrit-ui/app/elements/shared/gr-confirm-dialog/gr-confirm-dialog.html
@@ -16,10 +16,11 @@ limitations under the License.
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../gr-button/gr-button.html">
+<link rel="import" href="../../../styles/shared-styles.html">
<dom-module id="gr-confirm-dialog">
<template>
- <style>
+ <style include="shared-styles">
:host {
display: block;
max-height: 90vh;
@@ -30,9 +31,9 @@ limitations under the License.
max-height: 90vh;
}
header {
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #cdcdcd;
flex-shrink: 0;
- font-weight: bold;
+ font-family: var(--font-family-bold);
}
main {
display: flex;
@@ -42,22 +43,25 @@ limitations under the License.
header,
main,
footer {
- padding: .5em .65em;
+ padding: .5em 1.5em;
+ }
+ gr-button {
+ margin-left: 1em;
}
footer {
display: flex;
flex-shrink: 0;
- justify-content: space-between;
+ justify-content: flex-end;
}
</style>
<div class="container">
<header><content select=".header"></content></header>
<main><content select=".main"></content></main>
<footer>
- <gr-button primary on-tap="_handleConfirmTap" disabled="[[disabled]]">
+ <gr-button link on-tap="_handleCancelTap">Cancel</gr-button>
+ <gr-button link primary on-tap="_handleConfirmTap" disabled="[[disabled]]">
[[confirmLabel]]
</gr-button>
- <gr-button on-tap="_handleCancelTap">Cancel</gr-button>
</footer>
</div>
</template>