header btn style fix

datacenterlight/cms_models.py

@@ -85,7 +85,8 @@ class DCLSectionIconPluginModel(CMSPlugin):
         max_length=30,
         help_text=mark_safe(
             'Name of the fontawesome icon to use. '
-            '<a href="https://fontawesome.com/v4.7.0/icons/">Refer docs.</a>'
+            '<a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">'
+            'Refer docs.</a>'
         )
     )
 

datacenterlight/migrations/0012_dclcalculatorpluginmodel.py

@@ -108,7 +108,7 @@ class Migration(migrations.Migration):
                 ('cmsplugin_ptr', models.OneToOneField(auto_created=True, on_delete=django.db.models.deletion.CASCADE,
                                                        parent_link=True, primary_key=True, serialize=False, to='cms.CMSPlugin')),
                 ('fontawesome_icon_name', models.CharField(
-                    help_text='Name of the fontawesome icon to use. <a href="https://fontawesome.com/v4.7.0/icons/">Refer docs.</a>', max_length=30)),
+                    help_text='Name of the fontawesome icon to use. <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Refer docs.</a>', max_length=30)),
             ],
             options={
                 'abstract': False,

datacenterlight/static/datacenterlight/css/header-slider.css

@@ -162,3 +162,11 @@
     height: 100%;
   }
 }
+
+.btn-trans {
+    color: #fff;
+    border: 2px solid #fff;
+    padding: 4px 18px;
+    letter-spacing: 0.6px;
+    background: rgba(0,0,0,0.35);
+}

datacenterlight/static/datacenterlight/css/landing-page.css

@@ -426,6 +426,7 @@ textarea {
 .section-figure {
   display: flex;
   flex-wrap: wrap;
+  justify-content: center;
 }
 
 .section-figure  .cms-plugin {