aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--include/datetime.php2
-rw-r--r--include/profile_selectors.php12
-rw-r--r--mod/profiles.php42
-rw-r--r--view/css/mod_profiles.css10
-rwxr-xr-xview/tpl/profile_edit.tpl136
5 files changed, 105 insertions, 97 deletions
diff --git a/include/datetime.php b/include/datetime.php
index ace1ad14f..57b2b6d37 100644
--- a/include/datetime.php
+++ b/include/datetime.php
@@ -129,7 +129,7 @@ function dob($dob) {
else
$value = (($year) ? datetime_convert('UTC','UTC',$dob,'Y-m-d') : datetime_convert('UTC','UTC',$dob,'m-d'));
- $o = '<input type="text" name="dob" value="' . $value . '" placeholder="' . t('YYYY-MM-DD or MM-DD') . '" />';
+ $o = '<input class="form-control" type="text" name="dob" value="' . $value . '" placeholder="' . t('YYYY-MM-DD or MM-DD') . '" />';
// if ($dob && $dob != '0000-00-00')
// $o = datesel($f,mktime(0,0,0,0,0,1900),mktime(),mktime(0,0,0,$month,$day,$year),'dob');
diff --git a/include/profile_selectors.php b/include/profile_selectors.php
index a80677cb3..9f993f803 100644
--- a/include/profile_selectors.php
+++ b/include/profile_selectors.php
@@ -7,7 +7,7 @@ function gender_selector($current="",$suffix="") {
call_hooks('gender_selector', $select);
- $o .= "<select name=\"gender$suffix\" id=\"gender-select$suffix\" size=\"1\" >";
+ $o .= "<select class=\"form-control\" name=\"gender$suffix\" id=\"gender-select$suffix\" size=\"1\" >";
foreach($select as $selection) {
if($selection !== 'NOTRANSLATION') {
$selected = (($selection == $current) ? ' selected="selected" ' : '');
@@ -24,7 +24,7 @@ function gender_selector_min($current="",$suffix="") {
call_hooks('gender_selector_min', $select);
- $o .= "<select name=\"gender$suffix\" id=\"gender-select$suffix\" size=\"1\" >";
+ $o .= "<select class=\"form-control\" name=\"gender$suffix\" id=\"gender-select$suffix\" size=\"1\" >";
foreach($select as $selection) {
if($selection !== 'NOTRANSLATION') {
$selected = (($selection == $current) ? ' selected="selected" ' : '');
@@ -44,7 +44,7 @@ function sexpref_selector($current="",$suffix="") {
call_hooks('sexpref_selector', $select);
- $o .= "<select name=\"sexual$suffix\" id=\"sexual-select$suffix\" size=\"1\" >";
+ $o .= "<select class=\"form-control\" name=\"sexual$suffix\" id=\"sexual-select$suffix\" size=\"1\" >";
foreach($select as $selection) {
if($selection !== 'NOTRANSLATION') {
$selected = (($selection == $current) ? ' selected="selected" ' : '');
@@ -62,7 +62,7 @@ function sexpref_selector_min($current="",$suffix="") {
call_hooks('sexpref_selector_min', $select);
- $o .= "<select name=\"sexual$suffix\" id=\"sexual-select$suffix\" size=\"1\" >";
+ $o .= "<select class=\"form-control\" name=\"sexual$suffix\" id=\"sexual-select$suffix\" size=\"1\" >";
foreach($select as $selection) {
if($selection !== 'NOTRANSLATION') {
$selected = (($selection == $current) ? ' selected="selected" ' : '');
@@ -81,7 +81,7 @@ function marital_selector($current="",$suffix="") {
call_hooks('marital_selector', $select);
- $o .= "<select name=\"marital\" id=\"marital-select\" size=\"1\" >";
+ $o .= "<select class=\"form-control\" name=\"marital\" id=\"marital-select\" size=\"1\" >";
foreach($select as $selection) {
if($selection !== 'NOTRANSLATION') {
$selected = (($selection == $current) ? ' selected="selected" ' : '');
@@ -98,7 +98,7 @@ function marital_selector_min($current="",$suffix="") {
call_hooks('marital_selector_min', $select);
- $o .= "<select name=\"marital\" id=\"marital-select\" size=\"1\" >";
+ $o .= "<select class=\"form-control\" name=\"marital\" id=\"marital-select\" size=\"1\" >";
foreach($select as $selection) {
if($selection !== 'NOTRANSLATION') {
$selected = (($selection == $current) ? ' selected="selected" ' : '');
diff --git a/mod/profiles.php b/mod/profiles.php
index fe45f1b92..57d3561b1 100644
--- a/mod/profiles.php
+++ b/mod/profiles.php
@@ -695,28 +695,28 @@ function profiles_content(&$a) {
'$exportable' => feature_enabled(local_channel(),'profile_export'),
'$lbl_import' => t('Import profile from file'),
'$lbl_export' => t('Export profile to file'),
- '$lbl_profname' => t('Profile Name:'),
- '$lbl_fullname' => t('Your Full Name:'),
- '$lbl_title' => t('Title/Description:'),
- '$lbl_gender' => t('Your Gender:'),
- '$lbl_bd' => t("Birthday :"),
- '$lbl_address' => t('Street Address:'),
- '$lbl_city' => t('Locality/City:'),
- '$lbl_zip' => t('Postal/Zip Code:'),
- '$lbl_country' => t('Country:'),
- '$lbl_region' => t('Region/State:'),
- '$lbl_marital' => t('<span class="heart">&hearts;</span> Marital Status:'),
- '$lbl_with' => t("Who: \x28if applicable\x29"),
+ '$lbl_profname' => t('Profile Name'),
+ '$lbl_fullname' => t('Your Full Name'),
+ '$lbl_title' => t('Title/Description'),
+ '$lbl_gender' => t('Your Gender'),
+ '$lbl_bd' => t("Birthday"),
+ '$lbl_address' => t('Street Address'),
+ '$lbl_city' => t('Locality/City'),
+ '$lbl_zip' => t('Postal/Zip Code'),
+ '$lbl_country' => t('Country'),
+ '$lbl_region' => t('Region/State'),
+ '$lbl_marital' => t('<span class="heart">&hearts;</span> Marital Status'),
+ '$lbl_with' => t("Who (if applicable)"),
'$lbl_ex1' => t('Examples: cathy123, Cathy Williams, cathy@example.com'),
- '$lbl_howlong' => t('Since [date]:'),
- '$lbl_sexual' => t('Sexual Preference:'),
- '$lbl_homepage' => t('Homepage URL:'),
- '$lbl_hometown' => t('Hometown:'),
- '$lbl_politic' => t('Political Views:'),
- '$lbl_religion' => t('Religious Views:'),
- '$lbl_pubkey' => t('Keywords:'),
- '$lbl_likes' => t('Likes:'),
- '$lbl_dislikes' => t('Dislikes:'),
+ '$lbl_howlong' => t('Since [date]'),
+ '$lbl_sexual' => t('Sexual Preference'),
+ '$lbl_homepage' => t('Homepage URL'),
+ '$lbl_hometown' => t('Hometown'),
+ '$lbl_politic' => t('Political Views'),
+ '$lbl_religion' => t('Religious Views'),
+ '$lbl_pubkey' => t('Keywords'),
+ '$lbl_likes' => t('Likes'),
+ '$lbl_dislikes' => t('Dislikes'),
'$lbl_ex2' => t('Example: fishing photography software'),
'$lbl_pubdsc' => t("Used in directory listings"),
'$lbl_about' => t('Tell us about yourself...'),
diff --git a/view/css/mod_profiles.css b/view/css/mod_profiles.css
index 35ef73cec..ea063c64e 100644
--- a/view/css/mod_profiles.css
+++ b/view/css/mod_profiles.css
@@ -19,7 +19,7 @@
#profile-edit-links-end {
clear: both;
- margin-bottom: 15px;
+/* margin-bottom: 15px; */
}
.profile-listing-photo {
@@ -43,9 +43,11 @@
width: 175px;
margin-left: 50px;
- margin-bottom: 20px;
+/* margin-bottom: 20px; */
}
+/*
+
#profile-edit-profile-name-label,
#profile-edit-name-label,
#profile-edit-pdesc-label,
@@ -138,11 +140,13 @@
#hide-friends-end {
clear: both;
}
+*/
-
+/*
#gender-select, #marital-select, #sexual-select {
width: 220px;
}
+*/
#profile-edit-profile-name-wrapper .required {
color: #FF0000;
diff --git a/view/tpl/profile_edit.tpl b/view/tpl/profile_edit.tpl
index 229a84ae6..1eb1ae271 100755
--- a/view/tpl/profile_edit.tpl
+++ b/view/tpl/profile_edit.tpl
@@ -1,8 +1,6 @@
-<div class="generic-content-wrapper-styled">{{if $is_default}}
-<p id="profile-edit-default-desc">{{$default}}</p>
-{{/if}}
+<div class="generic-content-wrapper-styled">
-<h1>{{$banner}}</h1>
+<div class="section-title-wrapper"><h2>{{$banner}}</h2></div>
<form id="profile-edit-form" name="form1" action="profiles/{{$profile_id}}" enctype="multipart/form-data" method="post" >
@@ -21,33 +19,37 @@
<div id="profile-edit-links-end"></div>
+{{if $is_default}}
+<p class="section-content-info-wrapper">{{$default}}</p>
+{{/if}}
+
<div id="profile-edit-wrapper" >
<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
-<div id="profile-edit-profile-name-wrapper" >
-<label id="profile-edit-profile-name-label" for="profile-edit-profile-name" >{{$lbl_profname}} </label>
-<input type="text" size="32" name="profile_name" id="profile-edit-profile-name" value="{{$profile_name}}" /><div class="required">*</div>
+<div id="profile-edit-profile-name-wrapper" class="form-group field">
+<label id="profile-edit-profile-name-label" for="profile-edit-profile-name" ><span class="required">*</span>&nbsp;{{$lbl_profname}} </label>
+<input type="text" class="form-control" size="32" name="profile_name" id="profile-edit-profile-name" value="{{$profile_name}}" />
</div>
<div id="profile-edit-profile-name-end"></div>
-<div id="profile-edit-name-wrapper" >
+<div id="profile-edit-name-wrapper" class="form-group field" >
<label id="profile-edit-name-label" for="profile-edit-name" >{{$lbl_fullname}} </label>
-<input type="text" size="32" name="name" id="profile-edit-name" value="{{$name}}" />
+<input type="text" class="form-control" size="32" name="name" id="profile-edit-name" value="{{$name}}" />
</div>
<div id="profile-edit-name-end"></div>
{{if $fields.pdesc}}
-<div id="profile-edit-pdesc-wrapper" >
+<div id="profile-edit-pdesc-wrapper" class="form-group field" >
<label id="profile-edit-pdesc-label" for="profile-edit-pdesc" >{{$lbl_title}} </label>
-<input type="text" size="32" name="pdesc" id="profile-edit-pdesc" value="{{$pdesc}}" />
+<input type="text" class="form-control" size="32" name="pdesc" id="profile-edit-pdesc" value="{{$pdesc}}" />
</div>
<div id="profile-edit-pdesc-end"></div>
{{/if}}
{{if $fields.gender}}
-<div id="profile-edit-gender-wrapper" >
+<div id="profile-edit-gender-wrapper" class="form-group field select" >
<label id="profile-edit-gender-label" for="gender-select" >{{$lbl_gender}} </label>
{{if $advanced}}
{{$gender}}
@@ -59,7 +61,7 @@
{{/if}}
{{if $fields.dob}}
-<div id="profile-edit-dob-wrapper" >
+<div id="profile-edit-dob-wrapper" class="form-group field" >
<label id="profile-edit-dob-label" for="dob-select" >{{$lbl_bd}} </label>
<div id="profile-edit-dob" >
{{$dob}} {{$age}}
@@ -76,60 +78,60 @@
<div class="profile-edit-submit-end"></div>
{{if $fields.address}}
-<div id="profile-edit-address-wrapper" >
+<div id="profile-edit-address-wrapper" class="form-group field" >
<label id="profile-edit-address-label" for="profile-edit-address" >{{$lbl_address}} </label>
-<input type="text" size="32" name="address" id="profile-edit-address" value="{{$address}}" />
+<input type="text" class="form-control" size="32" name="address" id="profile-edit-address" value="{{$address}}" />
</div>
<div id="profile-edit-address-end"></div>
{{/if}}
{{if $fields.locality}}
-<div id="profile-edit-locality-wrapper" >
+<div id="profile-edit-locality-wrapper" class="form-group field" >
<label id="profile-edit-locality-label" for="profile-edit-locality" >{{$lbl_city}} </label>
-<input type="text" size="32" name="locality" id="profile-edit-locality" value="{{$locality}}" />
+<input type="text" class="form-control" size="32" name="locality" id="profile-edit-locality" value="{{$locality}}" />
</div>
<div id="profile-edit-locality-end"></div>
{{/if}}
{{if $fields.postal_code}}
-<div id="profile-edit-postal-code-wrapper" >
+<div id="profile-edit-postal-code-wrapper" class="form-group field" >
<label id="profile-edit-postal-code-label" for="profile-edit-postal-code" >{{$lbl_zip}} </label>
-<input type="text" size="32" name="postal_code" id="profile-edit-postal-code" value="{{$postal_code}}" />
+<input type="text" class="form-control" size="32" name="postal_code" id="profile-edit-postal-code" value="{{$postal_code}}" />
</div>
<div id="profile-edit-postal-code-end"></div>
{{/if}}
{{if $fields.region}}
-<div id="profile-edit-region-wrapper" >
+<div id="profile-edit-region-wrapper" class="form-group field" >
<label id="profile-edit-region-label" for="profile-edit-region" >{{$lbl_region}} </label>
-<input type="text" size="32" name="region" id="profile-edit-region" value="{{$region}}" />
+<input type="text" class="form-control" size="32" name="region" id="profile-edit-region" value="{{$region}}" />
</div>
<div id="profile-edit-region-end"></div>
{{/if}}
{{if $fields.country_name}}
-<div id="profile-edit-country-name-wrapper" >
+<div id="profile-edit-country-name-wrapper" class="form-group field" >
<label id="profile-edit-country-name-label" for="profile-edit-country-name" >{{$lbl_country}} </label>
-<input type="text" size="32" name="country_name" id="profile-edit-country-name" value="{{$country_name}}" />
+<input type="text" class="form-control" size="32" name="country_name" id="profile-edit-country-name" value="{{$country_name}}" />
</div>
<div id="profile-edit-country-name-end"></div>
{{/if}}
{{if $fields.hometown}}
-<div id="profile-edit-hometown-wrapper" >
+<div id="profile-edit-hometown-wrapper" class="form-group field" >
<label id="profile-edit-hometown-label" for="profile-edit-hometown" >{{$lbl_hometown}} </label>
-<input type="text" size="32" name="hometown" id="profile-edit-hometown" value="{{$hometown}}" />
+<input type="text" class="form-control" size="32" name="hometown" id="profile-edit-hometown" value="{{$hometown}}" />
</div>
<div id="profile-edit-hometown-end"></div>
{{/if}}
-<div class="profile-edit-submit-wrapper" >
+<div class="profile-edit-submit-wrapper" class="form-group field" >
<input type="submit" name="submit" class="profile-edit-submit-button" value="{{$submit}}" />
</div>
<div class="profile-edit-submit-end"></div>
{{if $fields.marital }}
-<div id="profile-edit-marital-wrapper" >
+<div id="profile-edit-marital-wrapper" class="form-group field" >
<label id="profile-edit-marital-label" for="profile-edit-marital" >{{$lbl_marital}} </label>
{{if $advanced}}
{{$marital}}
@@ -140,27 +142,27 @@
<div class="clear"></div>
{{if $fields.with}}
<label id="profile-edit-with-label" for="profile-edit-with" > {{$lbl_with}} </label>
-<input type="text" size="32" name="with" id="profile-edit-with" title="{{$lbl_ex1}}" value="{{$with}}" />
+<input type="text" class="form-control" size="32" name="with" id="profile-edit-with" title="{{$lbl_ex1}}" value="{{$with}}" />
<div class="clear"></div>
{{/if}}
{{if $fields.howlong}}
<label id="profile-edit-howlong-label" for="profile-edit-howlong" > {{$lbl_howlong}} </label>
-<input type="text" size="32" name="howlong" id="profile-edit-howlong" title="{{$lbl_howlong}}" value="{{$howlong}}" />
+<input type="text" class="form-control" size="32" name="howlong" id="profile-edit-howlong" title="{{$lbl_howlong}}" value="{{$howlong}}" />
<div class="clear"></div>
{{/if}}
<div id="profile-edit-marital-end"></div>
{{/if}}
-
+<br /><br />
{{if $fields.homepage}}
-<div id="profile-edit-homepage-wrapper" >
+<div id="profile-edit-homepage-wrapper" class="form-group field" >
<label id="profile-edit-homepage-label" for="profile-edit-homepage" >{{$lbl_homepage}} </label>
-<input type="text" size="32" name="homepage" id="profile-edit-homepage" value="{{$homepage}}" />
+<input type="text" class="form-control" size="32" name="homepage" id="profile-edit-homepage" value="{{$homepage}}" />
</div>
<div id="profile-edit-homepage-end"></div>
{{/if}}
{{if $fields.sexual}}
-<div id="profile-edit-sexual-wrapper" >
+<div id="profile-edit-sexual-wrapper" class="form-group field" >
<label id="profile-edit-sexual-label" for="sexual-select" >{{$lbl_sexual}} </label>
{{$sexual}}
</div>
@@ -168,49 +170,51 @@
{{/if}}
{{if $fields.politic}}
-<div id="profile-edit-politic-wrapper" >
+<div id="profile-edit-politic-wrapper" class="form-group field" >
<label id="profile-edit-politic-label" for="profile-edit-politic" >{{$lbl_politic}} </label>
-<input type="text" size="32" name="politic" id="profile-edit-politic" value="{{$politic}}" />
+<input class="form-control" type="text" size="32" name="politic" id="profile-edit-politic" value="{{$politic}}" />
</div>
<div id="profile-edit-politic-end"></div>
{{/if}}
{{if $fields.religion}}
-<div id="profile-edit-religion-wrapper" >
+<div id="profile-edit-religion-wrapper" class="form-group field" >
<label id="profile-edit-religion-label" for="profile-edit-religion" >{{$lbl_religion}} </label>
-<input type="text" size="32" name="religion" id="profile-edit-religion" value="{{$religion}}" />
+<input type="text" class="form-control" size="32" name="religion" id="profile-edit-religion" value="{{$religion}}" />
</div>
<div id="profile-edit-religion-end"></div>
{{/if}}
{{if $fields.keywords}}
-<div id="profile-edit-pubkeywords-wrapper" >
+<div id="profile-edit-pubkeywords-wrapper" class="form-group field" >
<label id="profile-edit-pubkeywords-label" for="profile-edit-pubkeywords" >{{$lbl_pubkey}} </label>
-<input type="text" size="32" name="keywords" id="profile-edit-pubkeywords" title="{{$lbl_ex2}}" value="{{$keywords}}" />
-</div><div id="profile-edit-pubkeywords-desc">{{$lbl_pubdsc}}</div>
+<input type="text" class="form-control" size="32" name="keywords" id="profile-edit-pubkeywords" title="{{$lbl_ex2}}" value="{{$keywords}}" />
+</div>
+<span class="help-block">{{$lbl_pubdsc}}</span>
<div id="profile-edit-pubkeywords-end"></div>
{{/if}}
+<br /><br />
{{if $fields.about}}
-<div id="about-jot-wrapper" >
+<div id="about-jot-wrapper" class="form-group field" >
<p id="about-jot-desc" >
{{$lbl_about}}
</p>
-<textarea rows="10" cols="72" id="profile-about-text" name="about" >{{$about}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="profile-about-text" name="about" >{{$about}}</textarea>
</div>
<div id="about-jot-end"></div>
{{/if}}
{{if $fields.contact}}
-<div id="contact-jot-wrapper" >
+<div id="contact-jot-wrapper" class="form-group field" >
<p id="contact-jot-desc" >
{{$lbl_social}}
</p>
-<textarea rows="10" cols="72" id="contact-jot-text" name="contact" >{{$contact}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="contact-jot-text" name="contact" >{{$contact}}</textarea>
</div>
<div id="contact-jot-end"></div>
@@ -218,96 +222,96 @@
{{if $fields.interest}}
-<div id="interest-jot-wrapper" >
+<div id="interest-jot-wrapper" class="form-group field" >
<p id="interest-jot-desc" >
{{$lbl_hobbies}}
</p>
-<textarea rows="10" cols="72" id="interest-jot-text" name="interest" >{{$interest}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="interest-jot-text" name="interest" >{{$interest}}</textarea>
</div>
<div id="interest-jot-end"></div>
{{/if}}
{{if $fields.likes}}
-<div id="likes-jot-wrapper" >
+<div id="likes-jot-wrapper" class="form-group field" >
<p id="likes-jot-desc" >
{{$lbl_likes}}
</p>
-<textarea rows="10" cols="72" id="likes-jot-text" name="likes" >{{$likes}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="likes-jot-text" name="likes" >{{$likes}}</textarea>
</div>
<div id="likes-jot-end"></div>
{{/if}}
{{if $fields.dislikes}}
-<div id="dislikes-jot-wrapper" >
+<div id="dislikes-jot-wrapper" class="form-group field" >
<p id="dislikes-jot-desc" >
{{$lbl_dislikes}}
</p>
-<textarea rows="10" cols="72" id="dislikes-jot-text" name="dislikes" >{{$dislikes}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="dislikes-jot-text" name="dislikes" >{{$dislikes}}</textarea>
</div>
<div id="dislikes-jot-end"></div>
{{/if}}
{{if $fields.channels}}
-<div id="channels-jot-wrapper" >
+<div id="channels-jot-wrapper" class="form-group field" >
<p id="channels-jot-desc" >
{{$lbl_channels}}
</p>
-<textarea rows="10" cols="72" id="channels-jot-text" name="channels" >{{$channels}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="channels-jot-text" name="channels" >{{$channels}}</textarea>
</div>
<div id="channels-jot-end"></div>
{{/if}}
{{if $fields.music}}
-<div id="music-jot-wrapper" >
+<div id="music-jot-wrapper" class="form-group field" >
<p id="music-jot-desc" >
{{$lbl_music}}
</p>
-<textarea rows="10" cols="72" id="music-jot-text" name="music" >{{$music}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="music-jot-text" name="music" >{{$music}}</textarea>
</div>
<div id="music-jot-end"></div>
{{/if}}
{{if $fields.book}}
-<div id="book-jot-wrapper" >
+<div id="book-jot-wrapper" class="form-group field" >
<p id="book-jot-desc" >
{{$lbl_book}}
</p>
-<textarea rows="10" cols="72" id="book-jot-text" name="book" >{{$book}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="book-jot-text" name="book" >{{$book}}</textarea>
</div>
<div id="book-jot-end"></div>
{{/if}}
{{if $fields.tv}}
-<div id="tv-jot-wrapper" >
+<div id="tv-jot-wrapper" class="form-group field" >
<p id="tv-jot-desc" >
{{$lbl_tv}}
</p>
-<textarea rows="10" cols="72" id="tv-jot-text" name="tv" >{{$tv}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="tv-jot-text" name="tv" >{{$tv}}</textarea>
</div>
<div id="tv-jot-end"></div>
{{/if}}
{{if $fields.film}}
-<div id="film-jot-wrapper" >
+<div id="film-jot-wrapper" class="form-group field" >
<p id="film-jot-desc" >
{{$lbl_film}}
</p>
-<textarea rows="10" cols="72" id="film-jot-text" name="film" >{{$film}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="film-jot-text" name="film" >{{$film}}</textarea>
</div>
<div id="film-jot-end"></div>
@@ -315,36 +319,36 @@
{{if $fields.romance}}
-<div id="romance-jot-wrapper" >
+<div id="romance-jot-wrapper" class="form-group field" >
<p id="romance-jot-desc" >
{{$lbl_love}}
</p>
-<textarea rows="10" cols="72" id="romance-jot-text" name="romance" >{{$romance}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="romance-jot-text" name="romance" >{{$romance}}</textarea>
</div>
<div id="romance-jot-end"></div>
{{/if}}
{{if $fields.work}}
-<div id="work-jot-wrapper" >
+<div id="work-jot-wrapper" class="form-group field" >
<p id="work-jot-desc" >
{{$lbl_work}}
</p>
-<textarea rows="10" cols="72" id="work-jot-text" name="work" >{{$work}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="work-jot-text" name="work" >{{$work}}</textarea>
</div>
<div id="work-jot-end"></div>
{{/if}}
{{if $fields.education}}
-<div id="education-jot-wrapper" >
+<div id="education-jot-wrapper" class="form-group field" >
<p id="education-jot-desc" >
{{$lbl_school}}
</p>
-<textarea rows="10" cols="72" id="education-jot-text" name="education" >{{$education}}</textarea>
+<textarea class="form-control" rows="10" cols="72" id="education-jot-text" name="education" >{{$education}}</textarea>
</div>
<div id="education-jot-end"></div>