Update a few more raised buttons to 'link' buttons

Also fixes their alignment.

Change-Id: Ib5873b08f3db7251027d7a1aa1f613eb7b7a5495
(cherry picked from commit 96ed965dd7)
This commit is contained in:
Becky Siegel
2017-10-16 09:35:19 -07:00
committed by David Pursehouse
parent b380efe3ab
commit 9da05d694d
2 changed files with 14 additions and 8 deletions

View File

@@ -42,14 +42,14 @@ limitations under the License.
.revisionEdit { .revisionEdit {
display: none; display: none;
} }
gr-button { .revisionEdit gr-button {
margin-left: .3em; margin-left: .6em;
} }
.editBtn { .editBtn {
margin-left: 1em; margin-left: 1em;
} }
.canEdit .revisionEdit{ .canEdit .revisionEdit{
align-items: baseline; align-items: center;
display: flex; display: flex;
line-height: 1em; line-height: 1em;
} }
@@ -91,6 +91,7 @@ limitations under the License.
[[item.revision]] [[item.revision]]
</span> </span>
<gr-button <gr-button
link
on-tap="_handleEditRevision" on-tap="_handleEditRevision"
class="editBtn"> class="editBtn">
edit edit
@@ -100,16 +101,18 @@ limitations under the License.
bind-value="{{_revisedRef}}" bind-value="{{_revisedRef}}"
class="editItem"> class="editItem">
<gr-button <gr-button
link
on-tap="_handleCancelRevision"
class="cancelBtn editItem">
Cancel
</gr-button>
<gr-button
link
on-tap="_handleSaveRevision" on-tap="_handleSaveRevision"
class="saveBtn editItem" class="saveBtn editItem"
disabled="[[!_revisedRef]]"> disabled="[[!_revisedRef]]">
Save Save
</gr-button> </gr-button>
<gr-button
on-tap="_handleCancelRevision"
class="cancelBtn editItem">
Cancel
</gr-button>
</span> </span>
</td> </td>
<td class="repositoryBrowser"> <td class="repositoryBrowser">
@@ -125,6 +128,7 @@ limitations under the License.
</td> </td>
<td class="delete"> <td class="delete">
<gr-button <gr-button
link
class$="deleteButton [[_computeHideDeleteClass(_isOwner, item.can_delete)]]" class$="deleteButton [[_computeHideDeleteClass(_isOwner, item.can_delete)]]"
on-tap="_handleDeleteItem"> on-tap="_handleDeleteItem">
Delete Delete

View File

@@ -24,6 +24,7 @@ limitations under the License.
<template> <template>
<style include="shared-styles"> <style include="shared-styles">
.text { .text {
align-items: center;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: .5em; margin-bottom: .5em;
@@ -53,6 +54,7 @@ limitations under the License.
on-tap="_handleInputTap" on-tap="_handleInputTap"
readonly> readonly>
<gr-button id="button" <gr-button id="button"
link
class="copyToClipboard" class="copyToClipboard"
on-tap="_copyToClipboard"> on-tap="_copyToClipboard">
copy copy