model changes, user institution history, style changes, forgot passowrd functionality, etc.

static/style.css

@@ -142,33 +142,50 @@ label {
 }
 
 .contract-item {
-  height: 50px;
+  height: 65px;
   margin: 5px;
   border: 0px;
   border-bottom: 2px solid #c4c4c4;
 }
 
+.contract-item-icon {
+  height: 50%;
+  margin-top: 15px;
+  margin-left: 15px;
+  margin-right: 15px;
+  float: left;
+}
+
 .contract-item-title {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   color: #46535b;
+  padding-top: 10px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .contract-item-button {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
-  font-size: 16px;
+  font-size: 14px;
+  float: right;
+  margin-top: -5px;
 }
 
-.contract-item-date {
+.contract-item-data {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 10px;
   color: #46535b;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 #collaborators-container {
@@ -200,6 +217,33 @@ label {
   margin: 25px;
   padding:5px;
   border-radius: 10px;
+  text-align: center;
+}
+
+.warning {
+  background: #ffcc00;
+  border-radius: 15px;
+  border: 0px;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  margin: 20px;
+  padding: 10px;
+  text-align: center;
+}
+
+.message-notification {
+  background: #99cc33;
+  border-radius: 15px;
+  border: 0px;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  margin: 20px;
+  padding: 10px;
+  text-align: center;
 }
 
 #button-submit {
@@ -554,6 +598,10 @@ select {
   left: 25% !important;
 }
 
+.history-item {
+  border-bottom: 1px solid grey;
+}
+
 .history-item-date {
   font-family: Roboto;
   font-style: normal;
@@ -598,6 +646,7 @@ select {
     font-weight: normal;
     font-size: 12px;
     line-height: 14px;
+    margin-bottom: 5px;
 
     color: #848C91;
 }