Merge pull request #11 from exoego/fluid

feat: Make content wider when screen is wide

index.html

@@ -124,7 +124,7 @@
       </div><!-- content-header -->
 
       <div class="content-body" id="body-permissions" style="display: none;">
-        <div class="container pd-x-0">
+        <div class="container-fluid pd-x-0">
           <div class="d-sm-flex align-items-center justify-content-between mg-b-20 mg-lg-b-25 mg-xl-b-30">
             <div>
               <nav aria-label="breadcrumb">
@@ -264,7 +264,7 @@ <h6 class="mg-b-10">Download the permissions in JSON format.</h6>
       </div>
 
       <div class="content-body" id="body-bytag" style="display: none;">
-        <div class="container pd-x-0">
+        <div class="container-fluid pd-x-0">
           <div class="d-sm-flex align-items-center justify-content-between mg-b-20 mg-lg-b-25 mg-xl-b-30">
             <div>
               <nav aria-label="breadcrumb">
@@ -339,7 +339,7 @@ <h6 class="mg-b-10">Download the permissions in JSON format.</h6>
       </div>
 
       <div class="content-body" id="body-dashboard" style="display: none;">
-        <div class="container pd-x-0">
+        <div class="container-fluid pd-x-0">
           <div class="d-sm-flex align-items-center justify-content-between mg-b-20 mg-lg-b-25 mg-xl-b-30">
             <div>
               <nav aria-label="breadcrumb">
@@ -449,7 +449,7 @@ <h6 class="tx-normal tx-rubik mg-b-0"><span id="dashboard-unknown-count"></span>
       </div>
 
       <div class="content-body" id="body-usage" style="display: none;">
-        <div class="container pd-x-0">
+        <div class="container-fluid pd-x-0">
           <div class="d-sm-flex align-items-center justify-content-between mg-b-20 mg-lg-b-25 mg-xl-b-30">
             <div>
               <nav aria-label="breadcrumb">
@@ -607,7 +607,7 @@ <h4 class="mg-b-10">Using API Methods</h4>
       </div>
 
       <div class="content-body" id="body-managedpolicies" style="display: none;">
-        <div class="container pd-x-0">
+        <div class="container-fluid pd-x-0">
           <div class="d-sm-flex align-items-center justify-content-between mg-b-20 mg-lg-b-25 mg-xl-b-30">
             <div>
               <nav aria-label="breadcrumb">
@@ -676,7 +676,7 @@ <h4 class="tx-20 tx-sm-18 tx-md-20 tx-normal tx-rubik mg-b-0 deprecated-managedp
       </div>
 
       <div class="content-body" id="body-managedpolicy" style="display: none;">
-        <div class="container pd-x-0">
+        <div class="container-fluid pd-x-0">
           <div class="d-sm-flex align-items-center justify-content-between mg-b-20 mg-lg-b-25 mg-xl-b-30">
             <div>
               <nav aria-label="breadcrumb">
@@ -757,7 +757,7 @@ <h6 class="mg-b-5">Effective Actions</h6>
       </div>
 
       <div class="content-body" id="body-policyevaluator" style="display: none;">
-        <div class="container pd-x-0">
+        <div class="container-fluid pd-x-0">
           <div class="d-sm-flex align-items-center justify-content-between mg-b-20 mg-lg-b-25 mg-xl-b-30">
             <div>
               <nav aria-label="breadcrumb">