update ukuran foto

eispajak/static/css/pcpd.css

 div.col-md-6 {
   padding-left: 7px !important;
   padding-right: 7px !important;
-  }
+}
 
-  .main-panel {
+.main-panel {
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
   font-weight: bold;
@@ -11,94 +11,113 @@ div.col-md-6 {
   background: #00D4FF;
   background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, rgba(23, 115, 207, 1) 53%, rgba(0, 212, 255, 1) 100%);
   border-radius: 10px;
-  }
+}
 
-  .panel,
-  .panel-heading {
+.panel,
+.panel-heading {
   border-radius: 10px;
-  }
+}
 
-  .primary {
+.primary {
   color: #1976d2;
-  }
+}
 
-  .bold {
+.bold {
   font-weight: bold;
-  }
+}
 
-  .panel-default>.panel-heading {
+.panel-default>.panel-heading {
   color: #333;
   background-color: white;
   border-color: white;
-  }
+}
 
-  .icon-color {
+.icon-color {
   color: transparent;
   -webkit-text-stroke-width: 0.5px;
   -webkit-text-stroke-color: #03c5f8;
   font-size: 22px;
-  }
+}
 
-  .top-0 {
+.top-0 {
   top: 68px !important;
-  }
+}
 
-  .left-0 {
+.left-0 {
   left: 8px !important;
-  }
+}
 
-  .z-0 {
+.z-0 {
   z-index: 0 !important;
-  }
+}
 
-  .absolute {
+.absolute {
   position: absolute !important;
-  }
+}
 
-  .bottom-0 {
+.bottom-0 {
   bottom: 0 !important;
-  }
+}
 
-  .right-0 {
+.right-0 {
   right: 0 !important;
-  }
+}
 
-  h1 {
+h1 {
   font-size: 36px;
-  }
+}
 
-  .main-panel .panel-body .odometer-formatting-mark {
+.main-panel .panel-body .odometer-formatting-mark {
   color: #648baf;
-  }
+}
 
-  .icon-rounded {
+.icon-rounded {
   display: block;
   vertical-align: middle;
   max-width: 100%;
   height: auto;
   padding-right: 10px;
-  }
-  .rounded{
+}
+.rounded{
   border-radius: 7px !important;
-  }
-  .uppercase {
+}
+.uppercase {
   text-transform: uppercase !important;
-  }
+}
 
-  .odoometer-head {
+.odoometer-head {
   font-size: 4.0em;
-  }
-  .sub-odometer {
+}
+.sub-odometer {
   font-size: 2.5em;
-  }
-  .odometer-value{
+}
+.odometer-value{
   font-weight: bold;
-  }
+}
+
+.padding-top-sm { padding-top: .5em; }
+
+hr {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  border: 0;
+  border-top: 1px solid #eee;
+}
+
+.col1 {
+  margin-right: -43px;
+}
+.col1 img {
+  height: 51% !important;
+  width: 87% !important;
+}
 
-  .padding-top-sm { padding-top: .5em; }
+.col2 {
+  width: 79%;
+}
 
 
-    @media only screen and (max-width: 640px){
+@media only screen and (max-width: 640px){
   h1 {
       font-size: 30px !important;
   }
@@ -112,4 +131,7 @@ div.col-md-6 {
       font-size: 1.5em !important;
       font-weight: bold !important;
   }
+  .col2{
+    width: 100%;
   }
+}
\ No newline at end of file

eispajak/views/templates/pcpd_pajak.pt

@@ -10,11 +10,11 @@
 </style>
 
 <div metal:fill-slot="content">
-  <div class="row ">
-    <div class="col-md-2">
+  <div class="row">
+    <div class="col-md-3 col1">
       <img src="${home}/eis/static/pcpd-logo.png" class="img-responsive logo-pcpd" alt="PCPD Logo">
     </div>
-    <div class="col-md-10">
+    <div class="col-md-9 col2">
       <div class="panel panel-default text-center main-panel uppercase">
         <div class="panel-body">
           <h1 class="title-panel"><b>${title}</b></h1>