top-button in card-view, display clients by last name

[lobster] / cards / cards.css

diff --git a/cards/cards.css b/cards/cards.css
index c227c601e3bda5e51cda9a2f789b8c489867a6f7..49efe390bb6a3b5ee4023e6ba36e8325ed984e66 100644 (file)
--- a/cards/cards.css
+++ b/cards/cards.css
@@ -101,17 +101,35 @@
 }
 
 .newcard {
+  position: sticky;
+  top: 0;
   display: block;
   border: solid 1px;
   margin: 1em 2em .5em 2em;
   padding: .5em;
   text-align: right;
   background: #EEF;
+  z-index: 1;
+}
+.newcard a[href="#top"] {
+  position: absolute;
+  left: .5em;
+  font-weight: bold;
+  text-decoration: none;
+  color: inherit;
+}
+.newcard a[href="#top"]:before {
+  content: '\2b06';
 }
 .newcard button {
   box-shadow: 0 0 .5ex #888;
 }
 
+.card-anchor {
+  position: relative;
+  height: 0;
+  top: -4em;
+}
 .card {
   display: block;
   position: relative;