Rework invite people to project

2 files changed, 23 insertions, 8 deletions

diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index 574baa3..8667f23 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -87,6 +87,16 @@ body {
   height: 100%;
   color: black;
   overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.sidebar_content {
+  flex: 1 1 auto;
+  overflow-y: auto;
+}
+.identifier {
+  margin-bottom: 15px;
 }
 
 @media (min-width: 768px) {
@@ -94,6 +104,11 @@ body {
     position: fixed;
     padding-bottom: 4.5rem;
   }
+
+  .identifier {
+    margin-bottom: 0;
+  }
+
 }
 
 #add-member-form {
@@ -241,14 +256,9 @@ footer .footer-left {
   }
 }
 
-.identifier {
-  float: right;
-}
-
-#new-bill,
-.identifier {
-  margin-top: 16px;
-  margin-bottom: 16px;
+#new-bill {
+  margin-top: 30px;
+  margin-bottom: 30px;
 }
 
 /* Avoid text color flickering when it loose focus as the modal appears */
@@ -441,6 +451,7 @@ tr:hover .extra-info {
   display: inline-block;
   border-bottom: 0.2em solid transparent;
   height: 1.2em;
+  width: 1.2em; /* protection for IE11 */
 }
 
 .download-project .icon svg {
@@ -453,3 +464,6 @@ tr:hover .extra-info {
 footer .icon svg {
   fill: white;
 }
+.icon.icon-white {
+  fill: white;
+}
\ No newline at end of file
diff --git a/ihatemoney/static/images/paper-plane.svg b/ihatemoney/static/images/paper-plane.svg
new file mode 100644
index 0000000..cecb40f
--- /dev/null
+++ b/ihatemoney/static/images/paper-plane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z"/></svg>
\ No newline at end of file