ARASAAC license style and translation

sails/src/assets/app/i18n/en-gb.json

@@ -30,6 +30,8 @@
     "apply":"Apply",
     "annual": "Annual",
     "April": "April",
+    "arasaac_license": "Los símbolos pictográficos utilizados en esta sección son propiedad de CATEDU (http://arasaac.org/) bajo licencia Creative Commons y han sido creados por Sergio Palao.",
+    "arasaac_license_import": "The pictographic symbols used in this section are the property of CATEDU (http://arasaac.org/) under a Creative Commons license and have been created by Sergio Palau. To use them you must accept the license of use by clicking on the button import.",
     "attributes_not_updated": "Changes not saved",
     "attributes_updated": "Changes saved",
     "attributes_updating": "Saving...",
@@ -146,6 +148,7 @@
     "highlighted": "Highlighted",
     "hours": "hours",
     "how_many": "How many?",
+    "import": "Import",
     "inactive_account": "This account has not been activated. Please, follow the link sent to your email address.",
     "input_selection": "How to place a pictogram",
     "instruction": "Instruction",

sails/src/assets/app/i18n/es-es.json

@@ -30,6 +30,8 @@
     "apply":"Aplicar",
     "annual": "Anual",
     "April": "Abril",
+    "arasaac_license": "Los símbolos pictográficos utilizados en esta sección son propiedad de CATEDU (http://arasaac.org/) bajo licencia Creative Commons y han sido creados por Sergio Palao.",
+    "arasaac_license_import": "Los símbolos pictográficos utilizados en esta sección son propiedad de CATEDU (http://arasaac.org/) bajo licencia Creative Commons y han sido creados por Sergio Palao. Para usarlos deberá aceptar la licencia de uso haciendo clic sobre el botón importar.",
     "attributes_not_updated": "Cambios no guardados",
     "attributes_updated": "Cambios guardados",
     "attributes_updating": "Guardando...",
@@ -146,6 +148,7 @@
     "highlighted": "Resaltado",
     "hours": "horas",
     "how_many": "¿Cuántas?",
+    "import": "Importar",
     "inactive_account": "Esta cuenta no ha sido activada. Por favor, siga el enlace de confirmación enviado a su dirección de correo electrónico.",
     "input_selection": "Cómo colocar un pictograma",
     "instruction": "Instrucción",

sails/src/assets/scripts/modules/student/views/addpicto.html

@@ -22,7 +22,7 @@
               <span class="glyphicon glyphicon-th"></span> SymbolStix
           </button>
           <button class="btn btn-default" btn-radio="'arasaac'" ng-model="source" ng-click="load_arasaac_pictos()">
-              <i class="fa fa-th" aria-hidden="true"></i> Arasaac
+              <i class="fa fa-th" aria-hidden="true"></i> ARASAAC
           </button>
           <button class="btn btn-default" btn-radio="'ownpictos'" ng-model="source" ng-click="load_own_pictos()">
             <span class="glyphicon glyphicon-picture"></span> {{ 'own_pictos' | translate }}
@@ -76,11 +76,15 @@
     <!-- Collections row -->
     <div class="row">
       <div id="arasaac_agreement" class="col-md-12" ng-show="showArasaacLicense && source == 'arasaac'">
-        <h2><small>
-          Los símbolos pictográficos utilizados en esta sección son propiedad de <b>CATEDU</b> (<a href="http://arasaac.org/">Arasaac</a>) bajo licencia Creative Commons y han sido creados por Sergio Palao.
-          <br>Para usarlos deberá aceptar la licencia de uso haciendo clic sobre el botón importar.</small>
-        </h2>
-        <button class="btn btn-primary" ng-click="accept_arasaac()">Importar</button>
+        <div class="panel panel-warning">
+          <div class="panel-heading">
+            <h3 class="panel-title"> ARASAAC</h3>
+          </div>
+          <div class="panel-body">
+            <h3><small>{{'arasaac_license_import' | translate}}</small></h3>
+            <button class="btn btn-primary" ng-click="accept_arasaac()">{{'import' | translate}}</button>
+          </div>
+        </div>
       </div>
 
       <!-- Collections -->
@@ -115,8 +119,8 @@
   </div><!-- /modal-body -->
 
   <div class="modal-footer">
-    <div id="arasaac_license" ng-show="source == 'arasaac'">
-      <p class="small">Los símbolos pictográficos utilizados son propiedad de CATEDU (<a href="http://arasaac.org/">Arasaac</a>) bajo licencia Creative Commons y han sido creados por Sergio Palao</p>
+    <div class="arasaac_license" ng-show="source == 'arasaac'">
+      <p><small>{{'arasaac_license' | translate}}</small></p>
     </div>
       <button class="btn btn-success pull-left" ng-show="source == 'ownpictos'" ngf-select ng-model="picFile" accept="image/*" ngf-change="addOwnPicto()">
         <i class="fa fa-folder-open" aria-hidden="true"></i> {{ 'new_img' | translate }}

sails/src/assets/styles/main.css

@@ -1023,6 +1023,10 @@ form .progress {
 .method-opt{
 	font-weight: 600;
 }
+.arasaac_license{
+	text-align: left;
+	color: #6c6c6c;
+}
 
 .header-image {
   width: 100%;