diff options
| author | Yuval Adam <yuval@y3xz.com> | 2015-07-06 17:28:19 +0300 |
|---|---|---|
| committer | Yuval Adam <yuval@y3xz.com> | 2015-07-06 17:28:19 +0300 |
| commit | e76ed2c207b364deb64129e3ea9881404a6ddc5a (patch) | |
| tree | 2d95607e7cefe0b4c412df744c1916bf185bae48 /client | |
| parent | 29a13fad099417b26416bdd0a539502d8195cd81 (diff) | |
Share button styles
Diffstat (limited to 'client')
| -rw-r--r-- | client/colors.less | 35 | ||||
| -rw-r--r-- | client/templates/photos.html | 11 |
2 files changed, 26 insertions, 20 deletions
diff --git a/client/colors.less b/client/colors.less index 3dce1dc..ae1798d 100644 --- a/client/colors.less +++ b/client/colors.less @@ -255,29 +255,36 @@ body { height: 50px; width: 100%; } - h5 { - color: #999; - margin-top: 10px; - text-align: left; + ol { + display: block; + text-align: center; + list-style: none; + padding-left: 0px; + font-family: 'Cutive', serif; + color: #6D6D6D; + margin-top: 6px; + li { + display: inline; + margin-left: 7px; + margin-right: 7px; + } } } div.share { margin-left: 40px; width: 260px; - p { - text-align: left; - } button { - font-size: 1.2em; - width: 100%; - margin-top: 25px; - color: #2636F9; - padding: 7px 35px; + display: block; + font-size: 2.8em; + font-weight: bold; + margin-top: 10px; + color: black; background-color: white; - border: 1px #2636F9 solid; + border: 0px; + border-bottom: 6px black solid; &:hover, &:active { color: white; - background-color: #2636F9; + background-color: black; } } } diff --git a/client/templates/photos.html b/client/templates/photos.html index bfcb6d9..fe88786 100644 --- a/client/templates/photos.html +++ b/client/templates/photos.html @@ -49,11 +49,10 @@ </ol> </div> <div class="share" style="display: none;"> - <p>Now what...?</p> - <button class="share-instagram">Share on Instagram</button> - <button class="share-facebook">Share on Facebook</button> - <button class="share-save">Save to gallery</button> - <button class="share-print">Print me a copy</button> + <button class="share-instagram">Instagram</button> + <button class="share-facebook">Facebook</button> + <button class="share-save">Save</button> + <button class="share-print">Print</button> <button class="logout">Logout</button> </div> </div> @@ -67,8 +66,8 @@ <template name="photo"> <div class="photo" style="display: none;"> - <div class="title">{{date}}</div> <img id="img-{{id}}" class="instagram-photo" src="{{proxy images.thumbnail.url}}" crossorigin="anonymous"> <canvas id="canvas-{{id}}" style="height: 150px; width: 150px;"></canvas> + <div class="title">{{date}}</div> </div> </template> |