Version 1.0.2.

README.md

@@ -22,6 +22,8 @@ bower install evolutility
 bower install evolutility#master
 ```
 
+By default, Evolutility uses LocalStorage but it can be configured for REST (using [Evolutility-server](https://github.com/evoluteur/evolutility-server) or your own REST API). 
+
 ## Views
 
 Evolutility's views have a Backbone model (to define the data) and also a UI-model (to define the UI for this model).

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "evolutility",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "UI which changes form, volume and structure to adapt to your data.",
   "main": [
     "dist/evolutility.min.js",

dist/css/demo.css

@@ -77,17 +77,16 @@
   padding: 0 10px;
   text-align: left;
 }
-.evo-head-links > li > a,
-.evo-head-links2 > li > a {
+.evo-head-links a,
+.evo-head-links2 a {
   text-decoration: none;
 }
-.evo-head-links > li > a:hover,
-.evo-head-links2 > li > a:hover {
-  text-decoration: none;
+.evo-head-links a:hover,
+.evo-head-links2 a:hover {
   color: #ffc107;
 }
-.evo-head-links > li > a.sel,
-.evo-head-links2 > li > a.sel {
+.evo-head-links a.sel,
+.evo-head-links2 a.sel {
   color: white;
 }
 @media print {
@@ -179,14 +178,12 @@
     padding-top: 10px;
   }
 }
-.evo-content2,
-.evo-content3 {
+.evo-content2 {
   padding: 150px 30px 30px;
   margin-top: 10px;
 }
 @media only screen and (min-width: 900px) {
-  .evo-content2,
-  .evo-content3 {
+  .evo-content2 {
     margin-left: 190px;
     padding-top: 85px;
   }
@@ -226,9 +223,6 @@ img.pixEvoPos {
 .pixEvoPos img {
   width: 250px;
 }
-.evo-content3 > p > img {
-  width: 500px;
-}
 .view-fullname {
   color: silver;
   font-size: 16px;

dist/css/evolutility.css

@@ -1,8 +1,7 @@
 /*!
- *  evolutility
- *
- *  https://github.com/evoluteur/evolutility
- *  (c) 2015, Olivier Giulieri
+   evolutility 1.0.2 
+   (c) 2015 Olivier Giulieri 
+   http://evoluteur.github.io/evolutility/  
 */
 .evo-toolbar {
   border: 1px solid #bce8f1;
@@ -61,18 +60,22 @@
   top: 0;
 }
 /* --- panels & tabs --- */
+.evol-pnls {
+  display: flex;
+  flex-wrap: wrap;
+}
+.evol-pnl {
+  box-sizing: border-box;
+  flex-grow: 1;
+}
 .evol-pnl .table .evol-money {
   width: 200px;
 }
-.evol-pnl > div > fieldset {
-  padding: 10px 10px 5px 2px;
-}
-.evol-pnl > .panel {
+.evol-pnl .evol-pnl > .panel {
   margin-bottom: 12px;
 }
-.evol-fld {
-  padding-left: 10px !important;
-  margin-bottom: 6px;
+.evol-pnl .evol-pnl > div > fieldset {
+  padding: 10px 10px 5px 2px;
 }
 .evol-pnl,
 .evol-pnl-lst {
@@ -92,6 +95,17 @@
   margin: 0 10px 10px !important;
 }
 /* --- fields --- */
+.evol-fset {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 10px 10px 5px 0;
+}
+.evol-fld {
+  box-sizing: border-box;
+  flex-grow: 1;
+  padding-left: 10px !important;
+  margin-bottom: 6px;
+}
 .evol-required,
 .evol-asterix {
   margin-left: 3px;
@@ -260,6 +274,10 @@ label {
 .evol-p-mini {
   width: 100%;
   padding-left: 0 !important;
+  margin-bottom: 10px;
+}
+.evol-p-mini fieldset {
+  padding: 10px 10px 5px 0;
 }
 @media only screen and (max-width: 500px) {
   .evol-mini-label,
@@ -416,6 +434,7 @@ circle {
 }
 circle:hover {
   stroke: grey;
+  cursor: pointer;
 }
 text.label {
   font-size: 100%;
@@ -446,21 +465,28 @@ text.label {
   margin-bottom: 10px;
 }
 .evol-xpt-form {
+  display: flex;
+  flex-wrap: wrap;
   border-collapse: collapse;
   border: 0;
   width: 100%;
 }
 .evol-xpt-form > div {
+  box-sizing: border-box;
+  flex-grow: 1;
   padding: 15px;
   vertical-align: top;
 }
-.evol-xpt-form .evol-buttons {
-  clear: left;
-}
 .evol-xpt-flds {
-  float: left;
   border-right: 0 !important;
   width: 38%;
+  min-width: 200px;
+  max-width: 245px;
+}
+@media only screen and (max-width: 500px) {
+  .evol-xpt-flds {
+    max-width: none;
+  }
 }
 .evol-xpt-flds > fieldset {
   margin-left: 20px;
@@ -471,8 +497,8 @@ text.label {
   margin-right: .5em;
 }
 .evol-xpt-para {
-  float: left;
   width: 62%;
+  min-width: 300px;
   border-left: 0 !important;
 }
 .evol-xpt-format {
@@ -486,12 +512,13 @@ text.label {
   height: 200px;
   margin-top: 6px;
 }
-.evol-w120 {
-  max-width: 120px;
-}
 .evol-xpt-opts {
+  margin: 0 15px 0 20px;
   padding: 10px;
 }
+.evol-xpt-opts .evol-FLH {
+  margin-bottom: 10px;
+}
 .evol-xpt-opts input[type="checkbox"] {
   margin-right: .5em;
 }
@@ -506,6 +533,16 @@ text.label {
   clear: both;
   display: none;
 }
+.evo-inline-holder {
+  margin-top: 10px;
+}
+.evo-inline-holder > div {
+  display: inline-block;
+  margin: 0 10px 0 0;
+}
+.evol-w120 {
+  max-width: 120px;
+}
 .evo-bNew,
 .evo-bAdd,
 .evo-bDel,