From 4eae2d2ff566b210d46c8b38400e7380e21bdac2 Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Thu, 13 Nov 2014 00:07:33 -0300
Subject: [PATCH] fix gravatar on profile. fix layout

---
 js/controllers/profile.js |  1 +
 views/profile.html        | 52 +++++++++++++++++++++------------------
 2 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/js/controllers/profile.js b/js/controllers/profile.js
index 8794d809a..1d5280968 100644
--- a/js/controllers/profile.js
+++ b/js/controllers/profile.js
@@ -1,5 +1,6 @@
 'use strict';
 angular.module('copayApp.controllers').controller('ProfileController', function($scope, $rootScope, $location, $modal, controllerUtils, backupService) {
+  $scope.username = $rootScope.iden.getName();
   $scope.isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
 
   $rootScope.title = 'Profile';
diff --git a/views/profile.html b/views/profile.html
index 8dad247f0..248ce524d 100644
--- a/views/profile.html
+++ b/views/profile.html
@@ -3,31 +3,35 @@
 
   <div class="row">
     <div class="large-12 columns">
-      <div class="panel oh">
-        <div class="large-1 medium-2 columns m20r">
-          <a class="photo-container profile m15t" href="https://en.gravatar.com/" ng-init="isHover=0" ng-mouseenter="isHover=1" ng-mouseleave="isHover=0" target="_blank">
-            <img ng-show="!isHover" gravatar-src="'{{username}}'" gravatar-size="80">
-            <img ng-show="isHover" src="img/change-avatar.png" with="80">
-          </a>
-        </div>
-        <div class="large-7 medium-7 columns">
-          <h3 class="m15t"> Backup Profile </h3>
-          <p translate class="text-gray">It's important to backup your profile so that you can recover it in case of disaster. The backup will include all your profile's wallets</p>
-        </div>
-        <div class="large-3 medium-3 columns right m20t">
-          <a translate class="button primary m10t" ng-click="downloadProfileBackup()"
-            ng-show="!isSafari">Backup profile</a>
-          <a translate class="button primary m0" ng-click="viewProfileBackup()"
-            ng-show="isSafari && !hideViewProfileBackup">View profile backup</a>
-        </div>
-        <div ng-show="backupProfilePlainText">
-          <textarea rows="5">{{backupProfilePlainText}}</textarea>
-          <div class="show-for-large-up">
-            <span translate class="size-12">Copy to clipboard</span> <span
-              class="btn-copy" clip-copy="backupProfilePlainText"> </span>
+      <div class="panel">
+        <div class="row">
+          <div class="large-2 medium-2 columns text-center">
+            <a class="photo-container profile" href="https://en.gravatar.com/" ng-init="isHover=0" ng-mouseenter="isHover=1" ng-mouseleave="isHover=0" target="_blank">
+              <img ng-show="!isHover" gravatar-src="'{{username}}'" gravatar-size="80">
+              <img ng-show="isHover" src="img/change-avatar.png" with="80">
+            </a>
           </div>
-          <div class="hide-for-large-up">
-            <span translate class="size-12">Copy this text as it is in a safe place (notepad or email)</span>
+          <div class="large-7 medium-7 columns">
+            <h2>Backup Profile</h2>
+            <p translate class="text-gray">It's important to backup your profile so that you can recover it in case of disaster. The backup will include all your profile's wallets</p>
+          </div>
+          <div class="large-3 medium-3 columns">
+              <a translate class="button primary m0" ng-click="downloadProfileBackup()"
+                ng-show="!isSafari">Backup profile</a>
+              <a translate class="button primary m0" ng-click="viewProfileBackup()"
+                ng-show="isSafari && !hideViewProfileBackup">View profile backup</a>
+          </div>
+        </div>
+        <div class="row" ng-show="backupProfilePlainText">
+          <div class="large-12 columns">
+            <textarea rows="5">{{backupProfilePlainText}}</textarea>
+            <div class="show-for-large-up">
+              <span translate class="size-12">Copy to clipboard</span> <span
+                class="btn-copy" clip-copy="backupProfilePlainText"> </span>
+            </div>
+            <div class="hide-for-large-up">
+              <span translate class="size-12">Copy this text as it is in a safe place (notepad or email)</span>
+            </div>
           </div>
         </div>
       </div>